JSFiddle - React, Tailwind, and code Playground

HTML

<ol id="float">
    <li>About the New ‘About Firefox’ Window</li>
    <li>Visualizing Firefox 4 Beta Usage</li>
    <li>Who Are Our Firefox 4 Beta users?</li>
    <li>Understanding Private Browsing</li>
    <li>About the New ‘About Firefox’ Window</li>
    <li>Visualizing Firefox 4 Beta Usage</li>
    <li>Who Are Our Firefox 4 Beta users?</li>
    <li>Understanding Private Browsing</li>
</ol>

<ol id="column">
    <li>About the New ‘About Firefox’ Window</li>
    <li>Visualizing Firefox 4 Beta Usage</li>
    <li>Who Are Our Firefox 4 Beta users?</li>
    <li>Understanding Private Browsing</li>
    <li>About the New ‘About Firefox’ Window</li>
    <li>Visualizing Firefox 4 Beta Usage</li>
    <li>Who Are Our Firefox 4 Beta users?</li>
    <li>Understanding Private Browsing</li>
</ol>

CSS

ol {
    list-style: decimal outside none;
    width: 500px;
    padding: 0 0 30px 20px;
    font-size: 12px;
    font-family: Georgia;
    line-height: 1.6em;
    overflow: hidden;
}

#float li {
    width: 240px;
    margin-right: 10px;
    float: left;
}

#column {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}