td table html code example

Example 1: css center in td

td 
{
    text-align: center; 
    vertical-align: middle;
}

Example 2: table td data in middle

vertical-align: middle

Example 3: table css

tr , th , td  {
    border: 1px solid black;
    padding: 5%;
    text-align: center;
}

Example 4: table html tages

<table>
  <tr> <!-- This is the first row -->
    <th>This is the heading</th>
    <th>Next heading to the right</th>
  </tr>
  <tr> <!-- This is the second row -->
    <td>This is where the table data goes</td>
    <td>This is the second columns data</td>
  </tr>
</table>

Example 5: html td tag

<table>
  <tr>
    <th>Column 1 Heading</th>
    <th>Column 2 Heading</th>
  </tr>
  <tr>
    <td>Data in Column 1, Row 2</td>
    <td>Data in Column 2, Row 2</td>
  </tr>
  <tr>
    <td>Data in Column 1, Row 3</td>
    <td>Data in Column 2, Row 3</td>
  </tr>
  <tr>
    <td>Data in Column 1, Row 4</td>
    <td>Data in Column 2, Row 4</td>
  </tr>
</table>

Tags:

Css Example