HTML - td tag

td tag with valign

Sample code for TD tag with examples of cell alignment

<table border="1" >
 <thead>
 <tr>
  <th>heading column 1</th>
  <th>heading column 2</th>
 </tr>
 </thead>
 <tr>
  <td valign="top">r1,c1 - top </td>
  <td>r1,c2<br/><br/></td>
 </tr>
 <tr>
  <td valign="bottom">r2,c1 - bottom </td>
  <td>r2,c2<br/><br/></td>
 </tr>
 <tr>
  <td valign="middle">r3,c1 - middle </td>
  <td>r3,c2<br/><br/></td>
 </tr>
 <tr>
  <td valign="baseline">r4,c1 - baseline</td>
  <td>r4,c2<br/><br/></td>
 </tr>
</table>

This is how it will appear in a browser

heading column 1	heading column 2
r1,c1 - top	r1,c2
r2,c1 - bottom	r2,c2
r3,c1 - middle	r3,c2
r4,c1 - baseline	r4,c2

View above example output in a new browser window