La propriété CSS list-style-position permet de modifier le positionnement des listes sur lesquels elle est appliquée.

ul li {
list-style-position:outside;
}

Elle permet de modifier le positionnement d’une liste par rapport au texte en dehors des balises <li> mais toujours dans la balise <ul>
Les valeurs possibles sont :

  • inside : place les textes présents dans la balise <li> en retrait par rapport aux textes en dehors du <li>, mais toujours dans la balise <ul>.
  • outside: place les textes du <li> au même niveau que les textes en dehors du <li>, mais toujours dans le <ul>
  • inherit: hérite de l’élément parent.

Exemple :

CSS
ul li {
list-style-postion:outside;
}
HTML
<ul>
Lorem ipsum dolor sit amet,
<li>consectetur adipiscing elit.</li>
<li>Suspendisse pharetra placerat felis,</li>
</ul>
    Lorem ipsum dolor sit amet,

  • consectetur adipiscing elit.
  • Suspendisse pharetra placerat felis,