Som så mange ting CSS er der alle mulige små ting at vide, endda noget så lille som at centrere en listemarkør.
En læser skrev ind med et screenshot af, hvad de forsøgte at opnå - dybest set en ordnet liste (
- ) med listemarkørerne (1., 2., 3. osv.) oven på listeindholdet og centreret. På skærmbilledet var teksten centreret, men tallene var ikke. Så lad os få disse tal centreret!
Den første ting at vide er, at det list-style-positionskal være inside. Det får centreringsfesten i gang. Hvis vi har en pause før indholdet, er vi stort set der. I videoen leger vi med at bruge til ::markerat gøre dette, mens vi finder begrænsninger og udforsker alle ideerne.
Denne browsersupportdata er fra Caniuse, som har flere detaljer. Et tal angiver, at browseren understøtter funktionen i den version og opefter.
Desktop
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 86 | 68 | Ingen | 86 | 11.1 |
Mobil / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 11.3-11.4 |