当前位置 : 主页 > 网页制作 > css >

css – 在我的无序列表中缺少>圈子

来源:互联网 收集:自由互联 发布时间:2021-06-13
我有以下代码: div class="fp1" div class="col" div class="img" id="img1"/div ul lispanTest /span/li lispanTest /span/li lispanTest /span/li /ul /div/div.fp1 .row { overflow: hidden; }.fp1 .img { display: inline-block; float: left; wi
我有以下代码:

<div class="fp1">
    <div class="col">
      <div class="img" id="img1"></div>
                        <ul>
                        <li><span>Test </span></li>
                        <li><span>Test </span></li>        
                        <li><span>Test </span></li>
                        </ul>
      </div>
</div>

.fp1 .row   { overflow: hidden;  }
.fp1 .img   { display: inline-block; float: left; width:105px; height:80px; margin:25px 0 10px 0;
    background: yellow; no-repeat scroll 0 0 transparent; }

.fp1 .col   { float: left; width:50%; margin:0px; }
.fp1 .col ul      { margin:15px 20px 0 0; padding-left: 25px; font-size: 1.2em}
.fp1 .col ul span { color:#222; font-size: 0.85em; }
.fp1 .col ul li   { line-height:15px; }

我创建了一个fiddle

我不明白为什么应该出现在“li”左侧的小圆圈丢失了?

任何帮助,将不胜感激

您的问题是jsfiddle.net自动包含一个重置样式表( normalize.css),其中包括:

ol,ul {
    list-style:none;
}

你会在侧边栏中看到一个“Normalized CSS”复选框,取消选中,并且不会引入normalize.css;例如:

07001

这个小提琴只是你的选项,未选中复选框.

网友评论