title: How to split a list of links into 3 columns with CSS3?
body: <p>I have a link list like that:</p>
  
  <pre><code>&lt;div id="linklist"&gt;
    &lt;a href="link.html"&gt;Dummy link text&lt;/a&gt;
    &lt;a href="link.html"&gt;Dummy link text&lt;/a&gt;
    &lt;a href="link.html"&gt;Dummy link text&lt;/a&gt;
    &lt;a href="link.html"&gt;Dummy link text&lt;/a&gt;
    &lt;a href="link.html"&gt;Dummy link text&lt;/a&gt;
    &lt;a href="link.html"&gt;Dummy link text&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I want to have them in 3 columns with (in this example) 2 links per column.
  I know that there is a CSS3 property column-count and such others but somehow the links are in one single row. (I'll add the <code>-webkit-</code> prefix if needed later.)</p>
  
  <p>CSS:</p>
  
  <pre><code>#linklist a {
      display: inline-block;
      margin: 3px;
      padding: 4px;
      -moz-column-count: 2;
  }
  </code></pre>