wie ein Zeichen in einem css3 div mit abgerundeten Grenzen zu zentrieren

Question

Hey ich hoffe, du kannst mir helfen. Ich versuche eine Zahl in einem css3-div zu zentrieren. Ich benutze diese:

border:2px solid #333333; 
padding:1px; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-o-border-radius:10px; 
-khtml-border-radius:10px; 
border-radius:10px; 
background-color: #fff; 
height: 25px; 
width: 25px; 

und es gibt mir dies:

Wie kann ich Zentrieren es auch mit einem einstelligen charachter?

vielen dank!

Answer 1

Unter der Annahme, dass das Element auch display: block; (oder display: inline-block;) können Sie einfach hinzufügen:

text-align: center; 
line-height: 25px; /* vertical height of the container/element */ 

zu Ihrem CSS.