HTML and CSS Reference
In-Depth Information
<body>
<table border="1" cellspacing="0">
<tr id="row1">
<th>top align</th>
<td><img src="img001.jpg" alt=""></td>
<td><img src="img002.jpg" alt=""></td>
<td><img src="img003.jpg" alt=""></td>
</tr>
<tr id="row2">
<th>middle align</th>
<td><img src="img001.jpg" alt=""></td>
<td><img src="img002.jpg" alt=""></td>
<td><img src="img003.jpg" alt=""></td>
</tr>
<tr id="row3">
<th>bottom align</th>
<td><img src="img001.jpg" alt=""></td>
<td><img src="img002.jpg" alt=""></td>
<td><img src="img003.jpg" alt=""></td>
</tr>
</table>
</body>
</html>
Figure 3.12 shows the result in a typical browser.
In a block element with normal word wrapping, text of diferent sizes is
aligned on its baselines, and the tallest character (or inline image) in each
line sets the height of that line's inline box. he inline box can be thought of
as a virtual element with properties that can change dynamically as the user
changes window sizes, font preferences, and so on. he
vertical-align
prop-
erty can be used to align text within the text's inline box. his inline box's
height may be more or less than the
line-height
property's value for the block
element if it is set with a ixed value.
