title: multiple rows with a single UL
body: <p>I have following:</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;copy&lt;/li&gt;
  &lt;li&gt;copy&lt;/li&gt;
  &lt;li&gt;copy&lt;/li&gt;
  &lt;li&gt;copy&lt;/li&gt;
  &lt;li&gt;copy&lt;/li&gt;
  &lt;li&gt;copy&lt;/li&gt;
  &lt;li&gt;copy&lt;/li&gt;
  &lt;li&gt;copy&lt;/li&gt;
  ... 50 rows...
  &lt;ul&gt;
  </code></pre>
  
  <p>I have a very long UL list, is there a sexy way I can split it to be 2 or 3 rows using CSS?? I cannot make multiple <code>&lt;ul&gt;</code>'s unfortunately.. :(</p>
  
  <p>Thankful for any type of help.</p>