In order to access this site you need to enable JavaScript!

You are here: Reference > HTML > attributes > vAlign (col, tbody, td, tr, ...)

vAlign attribute (col, tbody, td, tr, ...)

Browser support:

Specifies the vertical alignment of the text within an object.

You can use the vertical-align style property instead.

JavaScript page for this attribute: vAlign. You can find other example(s) there.

Possible values:

String that sets the vertical alignment.

One of the following values:

baseline

Base line of the first line of text is aligned with the base lines in adjacent objects.

bottom

Text is aligned to the bottom of the object.

center

Text is aligned to the middle of the object. Same as middle.

middle

Default. Text is aligned to the middle of the object. Same as center.

top

Text is aligned to the top of the object.

Default: middle.

Example HTML code 1:

This example illustrates the use of the vAlign attribute:

<table border="1px">
    <tr height="100">
        <td valign="top">Apple</td>
        <td valign="middle">Pear</td>
        <td valign="bottom">Peach</td>
        <td id="tdToChange">Change this text's vertical position!</td>
    </tr>
</table>

Copy Code

Preview

Syntax Highlighter

Did you find this example helpful? yes no

Supported by tags:

col, colGroup, tBody, td, tFoot, th, tHead, tr

align

External links:

vAlign (MSDN)
vAlign (Safari Reference Library)
vAlign (W3C)

Digg Del.icio.us Reddit Facebook Twitter Diigo

User Contributed Comments

vAlign attribute (col, tbody, td, tr, ...)

Possible values:

Example HTML code 1:

Supported by tags:

Related pages:

External links:

Post Content