valign (HTML attribute)

Spec
Depr. Version
No HTML 4
Browser support (more…)
IE5.5+ FF1+ SA1.3+ OP9.2+ CH2+
Partial Partial Partial Partial Partial

Syntax

valign=" { baseline | bottom | middle | top } "

Description

In a very similar manner to the align attribute for this element, the valign allows you to override the default vertical alignment for content inside table cells.

Note that there is both a better way, and a much, much better way to do this. The better way is not to set the valign at the td level, as in a bigger table with more columns, you’ll end up with unnecessarily bloated markup. Instead, you could set valign at the parent tr level. However, this is still less than ideal. The preferred method would be to set the alignment of text inside the td elements using the CSS vertical-align property.

Example

The valign is set to "bottom" for each of these td elements:

  <tr>
    <td valign="bottom">Alison</td>
    <td valign="bottom">alison@megacorp</td>
    <td valign="bottom">888652</td>
  </tr>

Value

The recognized attribute values are as shown in the syntax section.

Compatibility

Internet Explorer Firefox Safari Opera Chrome
5.5 6.0 7.0 8.0 1.0 1.5 2.0 3.0 3.5 1.3 2.0 3.1 4.0 9.2 9.5 10.0 2.0
Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial Partial

In the browsers tested, "bottom", "middle", and "top" alignments are all honored, but the "baseline" value is ignored by all.

User-contributed notes

There are no comments yet.

Related Products