Position The List Item Markers

Position The List Item Markers

ul.a {
  list-style-position: outside;
}

ul.b {
  list-style-position: inside;
}
  • The list-style-position property specifies the position of the list-item markers (bullet points).
  • "list-style-position: outside;" means that the bullet points will be outside the list item. The start of each line of a list item will be aligned vertically. This is default.
  • "list-style-position: inside;" means that the bullet points will be inside the list item. As it is part of the list item, it will be part of the text and push the text at the start.

Related concepts

Position The List Item Markers

Position The List Item Markers — Structure map

Clickable & Draggable!

Position The List Item Markers — Related pages: