Mise en forme des listes
Pour mettre en forme des listes y , en particulier avec des sous-listes, ou encore très longues il est beaucoup plus facile d'utiliser les différentes propriétés csstelles que :nth-child, :nth-of-type, :first-child et :last-child
Le point de départ de cette "découverte" la mise en forme dans la sidebar de l'encart à propos du webmaster.
Après de nombreux essais direction le forum d'alsacreations Positionner-une-liste-autour-dune-image .
que je completerai par la lecture de cet article complet et expliquant très bien l'utilisation de ces propriétés.
La propriété CSS :nth-child pour un contrôle absolu de vos listes
Le code de mon encart:
.about img {
float: left;
margin-right: 20px;
}
.about ul {
padding: 0;
margin: 0;
}
.about li{
font-size: 14px;
list-style: disc;
}
.about li:nth-child(4) {
clear:left;
}
.about li:nth-child(n+4) {
margin-left:15px;
}