Statistic Tabs

by rdillman

HTML

<ul class="stats-tabs">
    <li>
        <a href="#">
            1,000 <span>apples</span>
        </a>
    </li>
    <li>
        <a href="#">
            2,000 <span>oranges</span>
        </a>
    </li>
    <li>
        <a href="#">
            3,000 <span>grapes</span>
        </a>
    </li>
</ul>

CSS

body {
    font-family:arial;
    font-size:14px;
    margin:10px;
}

a:link,
a:visited {
    color:#0095aa;
    outline:none;
    text-decoration:none;
}

.stats-tabs li {
    border-right:1px solid #ccc;
    float:left;
    margin:0 10px 0 0;
    padding:0 10px 0 0;
    text-align:center;
}

.stats-tabs li:last-child {
    border:none;
    margin:0;
    padding:0;
}

.stats-tabs li a {
    display:block;
    float:left;
    font-size:18px;
    font-weight:700;
}

.stats-tabs li a span {
    display:block;
    font-size:13px;
    font-weight:400;
    margin-top:2px;
}