How to use CSS list-style-position

Let us specify the position of the mark in the list by adding the following values.

outside

mark is displayed outside, it becomes indented (indented) display.

inside

The tag is displayed inside the content area of the list, it sets the height of the tag and the part outside the tag.

The mark can be completely removed by executing the following code.

list-style-position: inside; list-style-type: none;

Let’s look at the specific code

HTML

 
test
 
test
 
test
 

CSS

li { list-style-position: inside; list-style-type: none; }

Display the effect on the browser As follows: The mark (·) is gone

This article ends here. For more related content, you can pay attention toCSS Video Tutorial# on the php Chinese website. ##further study! ! !