Pagination

Original: http://jsfiddle.net/csswizardry/x4mq7/

by Jens Grochtdreis

HTML

<ol class=pagination>
    <li class=first><a href=#>First</a></li>
    <li class=prev><a href=#>Previous</a></li>
    <li><a href=#>A</a></li>
    <li><a href=#>B</a></li>
    <li><a href=#>C</a></li>
    <li><a href=#>D</a></li>
    <li><a href=#>E</a></li>
    <li><a href=#>F</a></li>
    <li><a href=#>G</a></li>
    <li><a href=#>H</a></li>
    <li><a href=#>I</a></li>
    <li><a href=#>J</a></li>
    <li><a href=#>K</a></li>
    <li><a href=#>L</a></li>
    <li><a href=#>M</a></li>
    <li><a href=#>N</a></li>
    <li><a href=#>O</a></li>
    <li><a href=#>P</a></li>
    <li><a href=#>Q</a></li>
    <li><a href=#>R</a></li>
    <li><a href=#>S</a></li>
    <li><a href=#>T</a></li>
    <li><a href=#>U</a></li>
    <li><a href=#>V</a></li>
    <li><a href=#>W</a></li>
    <li><a href=#>X</a></li>
    <li><a href=#>Y</a></li>
    <li><a href=#>Z</a></li>
    <li class=next><a href=#>Next</a></li>
    <li class=last><a href=#>Last</a></li>
</ol>

CSS

.pagination{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    overflow:hidden; /* Clear floats */
}
    .pagination li{
        float:left;
        padding:5px;
    }
    .pagination a{
        display:block;
        padding:5px;
        margin:-5px;
    }