How to make a circle around content using CSS?

Question

Like this

With only this code

1
         


        

Answer 1

Using CSS3:

span
{-moz-border-radius: 20px;
    border-radius: 20px;
border-color:black;
    background-color:black;
color:white;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:1.3em;
}

​ http://jsfiddle.net/NXZnq/