title: display two columns in the block
body: <p>I need some help with a problem.</p>
  
  <p>There is a list in the block certain height. Height more than the height of the list, so it is <a href="http://jsfiddle.net/7tT2G/" rel="nofollow">displayed in 2 columns</a>.</p>
  
  <p>I did not get to do so at first filled the first column of the list items, then the second. <a href="http://prozaik.16mb.com/html5_2/lists/lists.png" rel="nofollow">it looks like this</a></p>
  
  <p>css</p>
  
  <pre><code>.wrap{
  
  }
  .wrap ol{
      height: 290px;
      width: 500px;
      display: block;
      outline: 1px solid red;
      overflow: hidden;
  }
  
      .wrap ol li{
          width: 50%;
          float: left;
      }
  </code></pre>