title: CSS and tables: Displaying lines between columns, but not between rows
body: <p>How do I make a HTML table have the following format:</p>
  
  <pre><code>----------------------------------------------------
  |    Header1     |     Header2     |    Header3    |
  ----------------------------------------------------
  |                |                 |               |
  |                |                 |               |
  |                |                 |               |
  </code></pre>
  
  <p>What do I have to add or change in my CSS file:</p>
  
  <pre><code>body
  {
      font-family: "Lucida Console";
  }
  
  div, p, th, td
  {
      font-size: 14px;
  }
  
  table
  {
      border: 1px solid black;
      border-collapse: collapse;
      margin-left: auto;
      margin-right: auto;
  }
  
  th
  {
      background-color: black;
      color: white;
      padding: 10px;
  }
  
  td
  {
      padding: 5px;
  }
  </code></pre>