Home html How to remove dots from & lt; li & gt;

How to remove dots from & lt; li & gt;

Author

Date

Category

How can I remove this (in an unordered list & lt; li & gt; ):


Answer 1, authority 100%

The list-style-type style property with the value none is used for this purpose:

li {
 list-style-type: none;
 / * Remove markers * /
}
ul {
 margin-left: 0;
 / * Left indent in IE and Opera browser * /
 padding-left: 0;
 / * Left indent in Firefox, Safari, Chrome * /
} 
& lt; ul & gt;
 & lt; li & gt; North & lt; / li & gt;
 & lt; li & gt; South & lt; / li & gt;
 & lt; li & gt; West & lt; / li & gt;
 & lt; li & gt; East & lt; / li & gt;
& lt; / ul & gt; 

Answer 2

You can do the same thing more gracefully:

li {
 display: inline-block;
}

This will be inline-block display, the markers will go away. You can just apply inline.

Or you can leave the list in a block and remove markers:

li {
 display: block;
}

Programmers, Start Your Engines!

Why spend time searching for the correct question and then entering your answer when you can find it in a second? That's what CompuTicket is all about! Here you'll find thousands of questions and answers from hundreds of computer languages.

Recent questions