Table with column spacing

by Ben

HTML

<table>
  <tr>
    <th>Head #1</th>
    <th>Head #2</th>
  </tr>
  <tr>
    <td>Value #1</td>
    <td>Value #2</td>
  </tr>
</table>

CSS

table
{
    border-collapse: separate;
    border-spacing: 10px 0px;
}
td, th
{
    padding: 10px;
    border: 1px solid #000;
    border-top: none;
}
table tr:first-child th
{
    border-top: 1px solid #000;
}