HTML and CSS Reference
In-Depth Information
<table>
<tr>
<th width="20%" align="right">
<h3>Section 1</h3></th>
<td></td>
<td>
Copy for section 1 goes on and on a bit
so that it will take up more than one line in the
table cell window... </td>
</tr>
<tr>
<th align="right">
<h3>Section 2</h3></th>
<td></td>
<td>
Copy for section 2 goes on and on a bit
so that it will take up more than one line in the
table cell window...</td>
</tr>
</table>
Notice how we created reasonably attractive side heads set off from the
left margin of the browser window by adjusting the first header cell's
width and right-justifying the cell contents.
Just as in our multicolumn layout, the example side-head layout uses an
empty column to create a space between the narrow left column con-
taining the heading and the wider right column containing the text as-
sociated with that heading. It's best to specify that column's width as a
percentage of the table width instead of explicitly in numbers of pixels,
to make sure that the heading column scales to fit both wide and narrow
display windows.
