Untitled

<html>
<head>
    <style>

        ul.optgrid{
            line-height: normal;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        ul.optgrid input{ cursor: pointer; margin-right: 5px; position: relative; z-index: 10;}

        ul.optgrid label{
            cursor: pointer;
            font-weight: normal;
            line-height: 1.4;
        }

        ul.optgrid li{
            float: left;
            margin-bottom: 15px;
            margin-right: 20px;
            white-space: nowrap;
            width: 175px;
        }

        .optgrid span{
            display: block;
            margin-top: -20px;
            padding-left: 20px;
            position: relative;
            white-space:normal;
            z-index: 1;
        }

        .ie6 .optgrid span,
        .ie7 .optgrid span,
        .ie8 .optgrid span,
        .ie9 .optgrid span{ margin-top: -17px; padding-left: 27px; }

    </style>
</head>
<body>

<ul class="optgrid" style="width: 890px;">
    <li><label><input type="checkbox"> <span>Phasellus convallis</span></label></li>
    <li><label><input type="checkbox"> <span>Vivamus laoreet, massa Vivamus laoreet, massa</span></label></li>
    <li><label><input type="checkbox"> <span>Mauris egestas varius</span></label></li>
    <li><label><input type="checkbox"> <span>Mauris egestas varius</span></label></li>

    <div style="clear: both; height: 0; overflow: hidden; font-size: .001em;">&nbsp;</div>

    <li><label><input type="checkbox"> <span>Phasellus convallis</span></label></li>
    <li><label><input type="checkbox"> <span>Vivamus laoreet, massa</span></label></li>
    <li><label><input type="checkbox"> <span>Mauris egestas variu</span></label></li>
    <li><label><input type="checkbox"> <span>Mauris egestas varius</span></label></li>
    <li><label><input type="checkbox"> <span>Phasellus convallis</span></label></li>
    <li><label><input type="checkbox"> <span>Vivamus laoreet, massa</span></label></li>
    <li><label><input type="checkbox"> <span>Mauris egestas varius</span></label></li>
    <li><label><input type="checkbox"> <span>Mauris egestas varius</span></label></li>
    <li><label><input type="checkbox"> <span>Phasellus convallis</span></label></li>
    <li><label><input type="checkbox"> <span>Vivamus laoreet, massa</span></label></li>
    <li><label><input type="checkbox"> <span>Mauris egestas variu</span></label></li>
    <li><label><input type="checkbox"> <span>Mauris egestas varius</span></label></li>
</ul>


</body>
</html>