清單解決在DIV元素

Question

我具備這些CSS div元素屬性：

HTML

<div class="messageContainer"></div> 

CSS

.messageContainer { 
    margin-left: 2px; 
    background-color: #F7F5F2; 
    width: 100%; 
    min-height: 50px; 
    border: solid 1px silver; 
    padding-left: 5px; 
    margin-top: 3px; 
} 

把裏面的這個網站部分當div元素：

Please do the things respectively: 
<ol> 
    <li> 
     Create button control 
    </li> 
    <li> 
     Assign it to the main user 
    </li> 
    <li> 
     Let me know what happened 
    </li> 
</ol> 

這是怎麼顯示在頁面上：（請看號）

Screen Shot http://i46.tinypic.com/2n7p1tc.png

所以，問題是爲什麼會這樣，爲什麼是數字正在出現的div之外？元件。

編輯

我用：

.messageContainer ol 
{ 
    list-style-position:inside; 
    margin-left:5px; 
} 

這工作就好了，但現在，這是發生了什麼事：

alt text http://i48.tinypic.com/2dbvvhj.png

Answer 1

試試這個在你的CSS：

.messageContainer ol 
{ 
    list-style-position: inside; 
}