tables:text alignment
Both rows and cells use the >, <, and = modifiers for horizontal text alignment. In addition, cells also use modifiers ^, ~, – for top, bottom, and middle vertical alignment.
Xilize markup | browser rendering | ||||||||||||||||||
define. style td tr {border:1px solid black;} Horizontally aligned center, left, and right using row modifiers: =| The whole of science is nothing more than a refinement of everyday thinking. | Albert | Einstien >| The whole of science is nothing more than a refinement of everyday thinking. | Albert | Einstien <| The whole of science is nothing more than a refinement of everyday thinking. | Albert | Einstien Vertially aligned middle, bottom, and top using cell modifiers: | The whole of science is nothing more than a refinement of everyday thinking. |-. Albert |-. Einstien | The whole of science is nothing more than a refinement of everyday thinking. |~. Albert |^. Einstien | The whole of science is nothing more than a refinement of everyday thinking. |^. Albert |~. Einstien |
Horizontally aligned center, left, and right using row modifiers:
Vertially aligned middle, bottom, and top using cell modifiers:
|
XHTML generated
<p>Horizontally aligned center, left, and right using row modifiers:</p>
<table>
<tbody>
<tr style="text-align:center;">
<td>The whole of science is nothing more than a refinement of everyday
thinking.</td>
<td>Albert</td>
<td>Einstien</td>
</tr>
<tr style="text-align:right;">
<td>The whole of science is nothing more than a refinement of everyday
thinking.</td>
<td>Albert</td>
<td>Einstien</td>
</tr>
<tr style="text-align:left;">
<td>The whole of science is nothing more than a refinement of everyday
thinking.</td>
<td>Albert</td>
<td>Einstien</td>
</tr>
</tbody>
</table>
<p>Vertially aligned middle, bottom, and top using cell modifiers:</p>
<table>
<tbody>
<tr>
<td>The whole of science is nothing more than a refinement of everyday
thinking.</td>
<td style="vertical-align:middle;"> Albert</td>
<td style="vertical-align:middle;"> Einstien</td>
</tr>
<tr>
<td>The whole of science is nothing more than a refinement of everyday
thinking.</td>
<td style="vertical-align:bottom;"> Albert</td>
<td style="vertical-align:top;"> Einstien</td>
</tr>
<tr>
<td>The whole of science is nothing more than a refinement of everyday
thinking.</td>
<td style="vertical-align:top;"> Albert</td>
<td style="vertical-align:bottom;"> Einstien</td>
</tr>
</tbody>
</table>