|
|
|
|
The list-style-position property specifies where the bullet or number appears in relation to the text of a list item that has more than one line of text. For example ul { list-style-position: outside;}
ul { list-style-position: inside;}
If your list item is short and fits on one line, the browser displays the bullet or number, followed by a bit of space, followed by your text. If the text line is too long to fit on a line, the browser has to decide whether to align the text with the bullet or number or with the edge of the first line of text. Use the value outside, to wrap the text under the first line of text. Use the value inside, to wrap the lines under the bullet instead of being indented. Here's an example:
|
More information list-style-postion |
