如何在圓角邊框的css3 div中居中字符

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; 

，這讓我這個：

我怎麼中心，它也有個位數charachter？

非常感謝！

Answer 1

假設元素也是display: block;（或display: inline-block;）你可以添加：

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

你的CSS。