<html>
<head>
  <title>th with float</title>
<style type="text/css" media="screen">
  table {
    border: 1px solid black;
  }
  
  th {
    float: left;
  }
  
  td {
    float: right;
  }
</style>
</head>
<body>
  
  <table>
    <thead>
      <tr><th>Head 1</th><th>Head 2</th></tr>
    </thead>
    <tfoot>
      <tr><td>Footer 1</td><td>Footer 2</td></tr>
    </tfoot>
    <tbody>
      <tr><td>Cell 1</td><td>Cell 2</td></tr>
      <tr><td>Cell 3</td><td>Cell 4</td></tr>
    </tbody>
  </table>


</body>
</html>