title: Markdown to HTML Table Borders with CSS
body: <p>I've got the following markdown table that is the contents of my <em>'input.md'</em> markdown file.</p>
  
  <pre><code>Col01 | Col02
  ----- | -----
  DataX | DataY
  </code></pre>
  
  <p>I pasted the CSS shown far below into notepad and saved it as <em>'custom.css'</em>. I put this <em>'custom.css'</em> in the same directory as my input.md file and ran the following command.</p>
  
  <pre><code>pandoc -t html --css=custom.css -o output.html input.md
  </code></pre>
  
  <p>The expected output is a table with lines showing as borders. The actual output is a table without borders, although it is nicely aligned like a table should be. What did I do wrong?</p>
  
  <p><em>Here's my custom CSS:</em></p>
  
  <pre><code>table {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      border-spacing: 0;
      border-bottom: 2px solid black;
      border-top: 2px solid black;
  }
  table th {
      padding: 3px 10px;
      background-color: white;
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid black;
  }
  table td {
      padding: 3px 10px;
      border-top: none;
      border-left: none;
      border-bottom: none;
      border-right: none;
  }
  
  
  /* Add border for the last row of the table.           */
  /*      (Might be of use for table footnotes, later).  */
  /* tr:last-child td { border-top: 2px solid black; }   */
  </code></pre>