Display elements of a <ul> in two columns
<p>Someone please help me to change current function to display elements in two columns,</p>

<pre><code> function nextCode(flag)
 {
  var code = codes[flag];
  $('.headers').html(''+code[0]+'');
  var sum;for(var j=1;j&lt;=code.length;j++)
  {
    sum+="&lt;li&gt;"+code[j]+"&lt;/li&gt;";
  }
  sum="&lt;ul&gt;"+sum+"&lt;/ul&gt;";
  $('.options').html(''+sum+'');
 }
</code></pre>

<p>This is generating a list in single column, But i want to display them in two columns..<br>
Please help me on this.   </p>
