4 column layout..

gistfile1.html

<div class="info_column" id="info_column1">
    <ul>
        <li>Design</li>
        <li>Dev</li>
        <li>Crazy</li>
    </ul>
</div>
<div class="info_column" id="info_column2">
    <ul>
        <li>Designer</li>
        <li>Dever</li>
        <li>Crazier</li>
    </ul>
</div>
<div class="info_column" id="info_column3">
    <ul>
        <li>Designist</li>
        <li>Devist</li>
        <li>Crazist</li>
    </ul>
</div>
<div class="info_column" id="info_column4">
    <ul>
        <li>Design?</li>
        <li>Dev?</li>
        <li>Crazy?</li>
    </ul>
</div>

By floating the columns in css you don't have to float at the li level, get it?