Value

The possible values are: "top", "middle", "bottom", or "baseline"

top

Align the text to the top of the column. Use vertical-align: top instead.

center

Vertically center the text in the column. Synonym of middle. Use vertical-align: middle instead.

middle

Vertically center the text in the column. Use vertical-align: middle instead.

bottom

Align the text to the bottom of the column. Use vertical-align: bottom instead.

baseline

Similar to top, but align the baseline of the text as close to the top so no part of the character is outside of the cell.

Examples

Use CSS vertical-align. As <td> elements of a column are not children of <col>, you can't set it directly on a <col>, you need to select the cells using a td:nth-child(n) or similar (n is the column number).

An example is available on the :nth-child() page.

Specifications

Browser compatibility

See also

• vertical-align
• :nth-child()
• Learn: Styling tables