# 202: Marqueurs de liste centrés - Astuces CSS

Anonim

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-positiondoit 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 ::markerpour 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