title: how to style a <ul> horizontally with its elements in columns?
body: <p>Consider this HTML:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;One&lt;/li&gt;
      &lt;li&gt;Two&lt;/li&gt;
      &lt;li&gt;Three&lt;/li&gt;
      &lt;li&gt;Four&lt;/li&gt;
      &lt;li&gt;Five&lt;/li&gt;
      &lt;li&gt;Six&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I'd like to get this result:</p>
  
  <pre><code>One    Three    Five
  Two    Four     Six
  </code></pre>
  
  <p>Or this:</p>
  
  <pre><code>One      Four
  Two      Five
  Three    Six
  </code></pre>
  
  <p>Can this be done with <strong>CSS only</strong>?</p>