Seperti banyak hal lainnya tentang CSS, ada banyak hal kecil yang perlu diketahui, bahkan sesuatu yang sangat kecil seperti memusatkan penanda daftar.
Seorang pembaca menulis dengan tangkapan layar dari apa yang mereka coba capai - pada dasarnya daftar yang dipesan (
- ) dengan penanda daftar (1., 2., 3., dll) di atas konten daftar dan di tengah. Di tangkapan layar, teksnya berada di tengah, tetapi nomornya tidak. Jadi, mari kita pusatkan angka-angka itu!
Hal pertama yang harus diketahui adalah list-style-position
kebutuhan itu inside
. Itu akan memulai pesta pemusatan. Jika kami memiliki jeda sebelum konten, kami cukup banyak di sana. Dalam video, kami bermain dengan menggunakan ::marker
untuk melakukan ini, sambil menemukan batasan dan mengeksplorasi semua ide.
Data dukungan browser ini berasal dari Caniuse, yang lebih detail. Angka menunjukkan bahwa browser mendukung fitur pada versi tersebut dan yang lebih baru.
Desktop
Chrome | Firefox | YAITU | Tepi | Safari |
---|---|---|---|---|
86 | 68 | Tidak | 86 | 11.1 |
Ponsel / Tablet
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 81 | 11.3-11.4 |