HTML <td> valign attribute
 HTML <td> tag
Example
An HTML table with different vertical-aligned cells:
<table border="1"
style="height:200px">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td valign="top">January</td>
<td valign="top">$100</td>
</tr>
<tr>
<td valign="bottom">February</td>
<td valign="bottom">$80</td>
</tr>
</table> |
Try it yourself!
|
Definition and Usage
The valign attribute specifies the vertical alignment of the content in a cell.
Browser Support
The valign attribute is supported in all major browsers.
Syntax
Attribute Values
| Value |
Description |
| top |
Top-align content |
| middle |
Center-align content |
| bottom |
Bottom-align content |
| baseline |
The baseline is the "imaginary line" which most letters "sit"
on, in a line of text. The baseline value sets the row so that all the table
data share
the same baseline. Often this has the same effect as the bottom value.
However,
if the fonts are in different sizes, baseline looks better. Look at the
illustration below |
Illustration of bottom vs. baseline if fonts are in different sizes:
 valign="bottom"
 valign="baseline"
HTML <td> tag
Whether you're new to XML or already an advanced user, the user-friendly views
and powerful entry helpers, wizards, and debuggers in XMLSpy are designed to
meet your XML and Web services development needs from start to finish.
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- Support for Office Open XML (OOXML)
- Graphical WSDL editor & SOAP debugger
- Java, C#, C++ code generation
- And much more!
Download a fully functional free 30-day trial today!
|
