Two column Unordered List

Two column Unordered List with HTML and CSS

by Fahd Murtaza

HTML

<ul>
    <li>November 2013</li>
    <li>October 2013</li>
    <li>October 2013</li>
    <li>September 2013</li>
    <li>August 2013</li>
    <li>July 2013</li>
    <li>June 2013</li>
    <li>May 2013</li>
    <li>April 2013</li>
    <li>March 2013</li>
    <li>February 2013</li>
    <li>January 2013</li>
</ul>

CSS

ul {
    width:340px;
    margin:0;
    padding:0;
}
ul:after {
    content:".";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}
ul li {
    margin:0 0 0 30px;
    padding:0 0 10px 0;
    float:left;
    display:block;
    width:140px;
}