Bullets not showing in unordered list

HTML & CSS
1

Very strange problem i am facing. I don’t where i was doing wrong. bullets are not showing.
Any one can please help me to solve this problem.

Css Code

#mlinks{width:220px; background:#f2f6ff; border:1px solid #b0c7fd;}
#mlinks ul{margin:0; padding:0; list-style-type: circle;}
#mlinks ul li{display:block; border-bottom:1px dotted #0c2f5f; height:30px;}
#mlinks ul li a{text-decoration:none; color:#0c2f5f; text-transform:uppercase; font-size:12px; padding:9px 0 0 22px; font-weight:bold; display:block;}

HTML CODE

<div id="mlinks"><!--mlinks starts Here -->
        	<ul>
            	<li><a href="#">About QESPRO</a></li>
                <li><a href="#">Management Team</a></li>
                <li><a href="#">Our Corporate Values</a></li>
                <li><a href="#">Our Mission & Vision</a></li>
            
            </ul>
        </div><!--mlinks ends Here -->
2

It should work. Still, the first thing that comes to my mind is that you change the list-style-type from the rule UL to UL LI

3

Bullets are shown on the left with the use of a left margin. However, on the UL, you remove that. You need to reset a 1rem left margin on the UL to make room.

Then you also have the issue that you remove the default behavior of LIs by setting it to display:block. There is no reason for that since the LIs are list-items by default and allow for everything a block element gets.

So, remove display:block and set a left margin back in.

4

He’s right. I didn’t even look to the other properties :slight_smile:

5

Thanks for your advice.
Here is the final code and it works 100%;

#mlinks{width:220px; background:#f2f6ff; border:1px solid #b0c7fd;}
#mlinks ul{margin:0; padding:0; list-style-position: inside; font-size:16px; }
#mlinks ul li{/*display:block;*/ border-bottom:1px dotted #0c2f5f; height:30px;}
#mlinks ul li a{text-decoration:none; color:#0c2f5f; text-transform:uppercase; font-size:12px; padding:5px 0 0 0;
font-weight:bold; display:block; margin-left:10px;}
1 Like
6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.