刪除橢圓形邊框半徑時，2位數字顯示

Question

我想設置一個完美的圓和管理要做到這一點時，我必須展示從1到9的數字，但它被搞砸時顯示兩位數字。我似乎無法找到出路。

這裏的HTML：

<span>8</span> 
<span>9</span> 
<span>10</span> 

的CSS：

span{ 
    float: left; 
    font-size: 10px; 
    position: relative; 
    border: 1px solid #000; 
    border-radius: 50%; 
    padding:5px 10px; 
    margin: 5px; 
} 

瞭解如何圓角半徑約10弄亂了，成爲一個橢圓形:(

例子：http://jsfiddle.net/aKmF6/21/

Answer 1

你需要定義高度和寬度，試試這個：

span { 
font-size: 10px; 
position: relative; 
border: 1px solid #000; 
border-radius: 50%; 
width: 20px; 
height: 20px; 
display: inline-block; 
text-align: center; 
line-height: 20px; 
} 

Answer 2

您必須設置高度和寬度：

span{ 
    float: left; 
    font-size: 10px; 
    position: relative; 
    border: 1px solid #000; 
    border-radius: 50%; 
    margin: 10px; 
    width: 32px; 
    height: 32px; 
    line-height: 32px; 
    text-align: center; 
} 

http://jsfiddle.net/aKmF6/22/