# 202: Penanda Daftar Tengah - Trik CSS

Anonim

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-positionkebutuhan itu inside. Itu akan memulai pesta pemusatan. Jika kami memiliki jeda sebelum konten, kami cukup banyak di sana. Dalam video, kami bermain dengan menggunakan ::markeruntuk 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