# 202: centrirani označevalniki seznamov - CSS-triki

Anonim

Tako kot toliko stvari CSS, je tudi tu treba vedeti vse mogoče stvari, tudi nekaj tako majhnega, kot je centriranje označevalnika seznama.

Bralec je s posnetkom zaslona zapisal, kaj so poskušali doseči - v bistvu urejen seznam (

    ) z oznakami seznama (1., 2., 3. itd.) na vrhu vsebine seznama in centrirane. Na posnetku zaslona je bilo besedilo centrirano, številke pa ne. Torej, spravimo te številke v sredino!

    Najprej je treba vedeti, da list-style-positionmora biti inside. Tako se bo začela zabava za centriranje. Če imamo odmor pred vsebino, smo precej tam. V videoposnetku se igramo z uporabo ::markertega, hkrati pa najdemo omejitve in raziskujemo vse ideje.

    Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.

    Namizje

    Chrome Firefox IE Rob Safari
    86 68 Ne 86 11.1

    Mobilni / tablični računalnik

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