CodeAve.com/HTML - Table Data Text

CodeAve.com - HTML - Tables

ASP
JavaScript
CSS
HTML
·Forms
·Hyperlinks
·Headers
·Images
·Tables
·Text Display
·Miscellaneous
·Contents
·What's New?
Maps
Links
Mail List
Search
Sitemap

Table Data Text

Table cell alignment will determine how items placed in a table cell will appear. Typically without a table cell alignment commands a table cell will default to display justified to the left and middle of the cell. You can position cell output to display to the left, right, or center horizontally and to the top, middle, or bottom.

•View the Output

•Text View

•Print View

•Mail this Link

<html>
<title>CodeAve.com (Table Data Text)</title>
<body bgcolor="#FFFFFF">

<table width="300" height="60" align="center" border="1">
<caption>Table data (default view)</caption>
<tr>
<td>
Table data text
</td>
</tr>
</table>

<p>

<table width="300" height="60" align="center" border="1">
<caption>Table data aligned to the center</caption>
<tr>
<td align="center">
Table data text
</td>
</tr>
</table>

<p>

<table width="300" height="60" align="center" border="1">
<caption>Table data aligned to the center and top</caption>
<tr>
<td align="center" valign="top">
Table data text
</td>
</tr>
</table>

<p>

<table width="600" height="60" align="center" border="1">
<caption>Various Table Alignments</caption>
<tr>
<td align="left" valign="top">
Table data text
</td>
<td align="center" valign="middle">
Table data text
</td>
<td align="right" valign="bottom">
Table data text
</td>
</tr>
</table>

/body>
</html>