title: How can I make a table—or something table-like—flow across CSS 3 columns?
body: <p>I'm laying out a book excerpt that has a lot of text and a lot of tables—baseball leaderboards—flowing across multiple CSS 3 columns with no fixed height. This one in particular is a long, narrow list of Gold Glove winners. But when I format the baseball data in tables, it doesn't break itself up into columns, so I just get one long table.</p>
  
  <p>That is, with the text-heavy "pages" I've been doing something like this and then pasting in 500 words from the excerpt, which has worked well—</p>
  
  <pre><code>-webkit-column-width: 205px;
  -webkit-column-gap: 20px;
  </code></pre>
  
  <p>With the tables I'd like to have it behave according to something like this:</p>
  
  <pre><code>-webkit-column-count: 2;
  -webkit-column-gap: 20px;
  </code></pre>
  
  <p>How can I make tabular data play nicely with these columns? Is my best option to make something table-like out of DIVs?</p>