# 202: Sentrerte listemarkører - CSS-triks

Anonim

Som så mange ting CSS, er det alle slags små ting å vite, til og med noe så lite som å sentrere en listemarkør.

En leser skrev inn med et skjermbilde av hva de prøvde å oppnå - i utgangspunktet en ordnet liste (

    ) med listemarkørene (1., 2., 3. osv.) øverst på listeinnholdet og sentrert. På skjermbildet var teksten sentrert, men tallene ikke. Så la oss få disse tallene sentrert!

    Det første du må vite er at det list-style-positionmå være inside. Det får sentreringsfesten i gang. Hvis vi har en pause før innholdet, er vi ganske mye der. I videoen leker vi med ::markerå gjøre dette, mens vi finner begrensninger og utforsker alle ideene.

    Disse nettleserstøttedataene er fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen i den versjonen og oppover.

    Desktop

    Chrome Firefox DVS Kant Safari
    86 68 Nei 86 11.1

    Mobil / nettbrett

    Android Chrome Android Firefox Android iOS Safari
    88 85 81 11.3-11.4