Liksom så många saker CSS, det finns alla möjliga små saker att veta, till och med något så liten som att centrera en listmarkör.
En läsare skrev in med en skärmdump av vad de försökte åstadkomma - i princip en beställd lista (
- ) med listmarkörerna (1., 2., 3., etc) överst på listans innehåll och centrerade. På skärmdumpen var texten centrerad, men siffrorna inte. Så, låt oss få dessa siffror centrerade!
Det första du list-style-positionmåste veta är att det måste vara inside. Det kommer att starta centreringspartiet. Om vi har en paus innan innehållet är vi ganska mycket där. I videon spelar vi med att använda ::markerdetta för att hitta begränsningar och utforska alla idéer.
Denna webbläsares supportdata kommer från Caniuse, som har mer detaljer. Ett nummer indikerar att webbläsaren stöder funktionen i den versionen och uppåt.
Skrivbord
| Krom | Firefox | IE | Kant | Safari |
|---|---|---|---|---|
| 86 | 68 | Nej | 86 | 11.1 |
Mobil / surfplatta
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 11.3-11.4 |