Comme beaucoup de choses CSS, il y a toutes sortes de petites choses à savoir, même quelque chose d'aussi minuscule que le centrage d'un marqueur de liste.
Un lecteur a écrit avec une capture d'écran de ce qu'il essayait d'accomplir - essentiellement une liste ordonnée (
- ) avec les marqueurs de liste (1., 2., 3., etc.) en haut du contenu de la liste et centrés. Dans la capture d'écran, le texte était centré, mais les chiffres ne l'étaient pas. Alors, centrons ces chiffres!
La première chose à savoir est que cela list-style-position
doit l'être inside
. Cela va commencer la partie de centrage. Si nous avons une pause avant le contenu, nous y sommes à peu près. Dans la vidéo, nous jouons avec l'utilisation du ::marker
pour ce faire, tout en trouvant les limites et en explorant toutes les idées.
Ces données de support de navigateur proviennent de Caniuse, qui contient plus de détails. Un nombre indique que le navigateur prend en charge la fonctionnalité dans cette version et plus.
Bureau
Chrome | Firefox | C'EST À DIRE | Bord | Safari |
---|---|---|---|---|
86 | 68 | Non | 86 | 11,1 |
Mobile / tablette
Chrome Android | Android Firefox | Android | Safari sur iOS |
---|---|---|---|
88 | 85 | 81 | 11,3-11,4 |