HTML Reference Manual

HTML Tag Directory

HTML tbody valign attribute

The valign attribute specifies the vertical alignment of the content within the <tbody> element.

Online Example

Align the content within the <tbody> element vertically to the bottom:

Example

<table border="1">
　　<tr>
　　　　　　<th>Programming Language Books</th>
　　　　　　<th>Price</th>
　　</tr>
　　<tbody valign="bottom">
　　　　<tr>
　　　　　　<td>PHP Basic Tutorial</td>
　　　　　　<td>$50</td>
　　　　</tr>
　　　　<tr>
　　　　　　<td>Java Programming Thought</td>
　　　　　　<td>$80</td>
　　　　</tr>
　　</tbody>
</table>

Test and see ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

All major browsers support the valign attribute.

Definition and Usage

HTML5 The valign attribute of <tbody> is not supported. Please use CSS instead.

The valign attribute specifies the vertical alignment of the content within the <tbody> element.

Syntax

<tbody valign="top|middle|bottom|baseline">

Attribute Value

Value	Description
top	Align content upward.
middle	Align content to the center (default value).
bottom	Align content downward.
baseline	Align content to the baseline. The baseline is a fictional line. In a line of text, most letters are based on the baseline. The baseline value sets all the table data in the line to share the same baseline. The effect of this value is often the same as the bottom value. However, if the text sizes are different, the baseline effect will be better. Please see the illustration below.

If the font sizes are different, bottom vs. baseline illustration:

valign="bottom"

valign="baseline"

　HTML <tbody> tag

HTML: <template> tag