W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

far. (See conditions on the cell padding below.)
3. If any of the remaining cells, those aligned at the bottom or the middle, have
a height that is larger than the current height of the row, the height of the row
will be increased to the maximum of those cells, by lowering the bottom.
4. Finally the remaining cells are positioned.
Cell boxes that are smaller than the height of the row receive extra top or
bottom padding.
17.5.4 Horizontal alignment in a column
The horizontal alignment of a cell’s content within a cell box is specified with the
’text-align’ property.
When the ’text-align’ property for more than one cell in a column is set to a
value, the content of those cells is aligned along a vertical axis. The
beginning of the string touches this axis. Character directionality determines
whether the string lies to the left or right of the axis.
Aligning text in this way is only useful if the text fits on one line. The result is
undefined if the cell content spans more than one line.
If value of ’text-align’ for a table cell is a string but the string doesn’t occur in
the cell content, the end of the cell’s content touches the vertical axis of alignment.
Note that the strings do not have to be the same for each cell, although they
usually are.
CSS does not provide a way specify the offset of the vertical alignment axis
with respect to the edge of a column box.
Example(s):
The following style sheet:
TD { text-align: "." }
TD:before { content: "$" }
will cause the column of dollar figures in the following HTML table:
Long distance calls
1.30
2.50
10.80
111.01
85.
90
.05
.06
to align along the decimal point. For fun, we have used the :before
pseudo-element to insert a dollar sign before each figure. The table might be
rendered as follows:
260