Make circle div by CSS

#HTML

<a href="#"><div class="circleBase type2">50</div></a>
<a href="#"><div class="circleBase type2">100</div></a>

#CSS:

.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.type2 {
    width: 30px;
    height: 30px;
    background: yellow;
    border: 3px solid yellow;
    float: left;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
}

Link download file PIE.htc: http://css3pie.com/download/