列表元素“点”最终在节外元素之外

时间:2012-07-05 18:49:04

标签: html5 css3

我正在创建一个由<ul>标记包裹的<li><section>。除了<section>标签之外的列表样式(点)显示外,一切正常。我不知道为什么。如果有人可以分享提示我很感激。非常感谢。

我的HTML

<section id='test'>
    <ul>
       <li>line 1 jiofjisojfoisdjfoisjfio</li>
       <li>line 2 jiofjisojfoisdjfoisjfio</li>
       <li>line 3 jiofjisojfoisdjfoisjfio</li>
       <li>line 4 jiofjisojfoisdjfoisjfio</li>
       <li>line 5 jiofjisojfoisdjfoisjfio</li>
       <li>line 6 jiofjisojfoisdjfoisjfio</li>
       <li>line 7 jiofjisojfoisdjfoisjfio</li>
   </ul>

</section>

CSS

section { 

    display: block;
    width: 1200px;
    margin: 50px auto;
    border: 3px solid red;

}

它显示如下..

 ----------------------
*| line 1 jioj..       |
*| line 2 jiof..       |
*| line 3 jiof..       |
*| line 4 jiof..       |
*| line 5 jiof..       |
*| line 6 jiof..       |
 -----------------------

黑点位于部分标记之外。

1 个答案:

答案 0 :(得分:1)

显示正常DEMO

保持未选中JSFiddle

上的规范化CSS复选框