title: How can I construct a table header than spans multiple rows in HTML?
body: <p>I would like to construct a table as follows:</p>
  
  <pre><code>|   Major Heading 1    |  Major Heading 2    |
  |   Minor1  |  Minor2  | Minor3  |  Minor4   |
  ----------------------------------------------
  |   col1    |   col2   |   col3  |    col4   |
  rest of table ...
  </code></pre>
  
  <p>Seeing as how there is only 1 line for TH elements, how can I construct the header row such as the columns line up? Hierarchical tables doesn't seem like a good option because the column widths won't line up, and I also can't use two rows with TH tags with colspan.</p>