Try it Yourself: CSS Tables

CSS Tables

<!DOCTYPE html>
<html>
<head>
<style>
td.label {
  text-align: left;
}
td.amount {
  text-align: right;
}
</style>
</head>
<body>

<table>
  <tr>
    <td class="label">Coffee</td>
    <td class="amount">4.50</td>
  </tr>
  <tr>
    <td class="label">Bagel</td>
    <td class="amount">3.25</td>
  </tr>
</table>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
td.label {
  text-align: left;
}
td.amount {
  text-align: right;
}
</style>
</head>
<body>

<table>
  <tr>
    <td class="label">Coffee</td>
    <td class="amount">4.50</td>
  </tr>
  <tr>
    <td class="label">Bagel</td>
    <td class="amount">3.25</td>
  </tr>
</table>

</body>
</html>