CSS3 Circle

a simple css 3 circle

by Laurie

HTML

<div class="circle"> 
    <p>a</p> 
</div>

CSS

.circle{
    position:relative;
    background:#666;
    width:100px;
    height:100px;
    text-align:center;    
    -webkit-border-radius: 50px;  
    -moz-border-radius: 50px;  
    border-radius: 50px;
}
.circle p
{
    font:italic 52px Georgia;
    color:#fff;
    vertical-align:middle;
    height:50px; 
    position: inherit;
    top:15%;        
}