2つの垂直部分にliを表示する方法（新聞のようなサイト別）

Question

私がしようとしているのは、順序付きリストを2つの別々の部分に表示することです。

<li>hi</li> <li>hi</li> 
<li>hi</li> <li>hi</li> 
<li>hi</li> <li>hi</li> 
<li>hi</li> <li>hi</li> 
<li>hi</li> <li>hi</li> 

どうすればよいですか？

https://jsfiddle.net/もしかして

<div class="post"> 
    <h2 class="title">Mywebsite <small>orderedlist</small></h2> 
     <div style="clear: both;">&nbsp;</div> 
     <div class="entry"> 
      <p><a href="#" class="image-shadow"><img src="http://i.imgur.com/qS86202.jpg" width="500" height="150" alt="" /></a></p> 
      <p> 
       <ol> 
        <li>a</li> 
        <li>b</li> 
        <li>c</li> 
        <li>d</li> 
        <li>d</li> 
        <li>e</li> 
        <li>f</li> 
       </ol> 
      </p> 
    </div> 
</div> 

Answer 1

like this ?

ol { 
    -webkit-column-count: 2; /* Chrome, Safari, Opera */ 
    -moz-column-count: 2; /* Firefox */ 
    column-count: 2; 
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ 
    -moz-column-gap: 40px; /* Firefox */ 
    column-gap: 40px; 
}