彩色圓圈背景不顯示在數字後面

Question

我想在數字1後面有一個藍色圓圈。數字顯示，但由於某種原因，背景顏色不是。

這裏是我的jsfiddle：

http://jsfiddle.net/huskydawgs/8qzgf2uy/3/

這裏是我的代碼：

<div class="circle rtecenter"><span class="number">1</span></div> 

這裏是我的CSS：

.circle-gray { 
    border-radius: 100%; 
    height: 2em; 
    width: 2em; 
    text-align: center; 
    background: #616161; 
    margin: 0 auto; 
} 

.circle-gray .number { 
    margin-top: 0.10em; 
    font-size: 1.5em; 
    font-weight: bold; 
    font-family: sans-serif; 
    line-height: 1.4em; 
    color: #ffffff; 
} 

.rtecenter { 
    text-align: center; 
} 

Answer 1

你拼寫類的名字寫錯了，就是這樣：

.circle代替.circle-gray

http://jsfiddle.net/8qzgf2uy/4/

Answer 2

我不知道這是一個笑話或相對的問題。

你是否知道在你的DIV你referencint以根本不存在的一類？

你不要在你的CSS有一個類「.circle」這就是爲什麼這不工作。