Geek asks and answers

Missing <li> circles in my unordered list

I have the following code:

<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; }

I created fiddle

I don’t understand why the little circles that should appear to the left of “li” are missing?

Any help would be appreciated

+3
source share
2 answers

Your problem is that jsfiddle.net automatically includes a reset ( normalize.css) stylesheet , which includes the following:

ol,ul {
    list-style:none;
}

In the sidebar, you will see the "Normalized CSS" check box, uncheck the box and normalize.cssit will not be drawn in; eg:

http://jsfiddle.net/ambiguous/HQJhe/10/

This violin just belongs to you if the checkbox is not selected.

+13
source

, . , ​​ , - .

JSFiddle CSS . . HTML. :

<ul><li>Why is there no circle?</li></ul>

: JSFiddle - , . , "mu " , . , , .

0

More articles:


All Articles