number circle

by Rey Den Nalasa

HTML

<span class="numberCircle">3</span>
<span class="numberCircle two-digit">41</span>

CSS

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    padding: 5px 10px;
    background: #ffffff;
    border: 2px solid black;
    color: black;
    text-align: center;
    font-size:15px;
}

.numberCircle.two-digit
{
   padding: 5px 5px;
}