как центрировать персонажа в div css3 с закругленными границами

Question

Эй, я надеюсь, ты сможешь мне помочь. Я пытаюсь центрировать число в css3-div. Я использую это:

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;

и это дает мне это:

Как мне также центрировать его с помощью однозначного символа?

большое спасибо!

Answer 1

Предполагая, что элемент также display: block; (или display: inline-block;), вы можете просто добавить:

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

к вашему CSS.