asp.net - 列表在DIV元素中无法正确显示

我有一个具有以下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;
}

当将此html部分放入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>

这就是它在页面上的显示方式：（请查看数字）




那么问题是为什么呢？为什么数字出现在div元素之外。

编辑

我用了 ：

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

效果很好，但是现在发生了什么：

最佳答案

在您的CSS中尝试一下：

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

关于asp.net - 列表在DIV元素中无法正确显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2174208/