Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Příklad zajímavějšího číslování seznamu</title> <h1>Příklad zajímavějšího číslování seznamu</h1> <p>Pro číslování se používá <code>counter</code> a posicovaný element <code>:before</code>.</p> <ol> <li>Položka</li> <li>Položka</li> <li>Položka</li> </ol>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
ol { list-style: none; counter-reset: seznam; } li { position: relative; font-size: 150%; color: #0D6AB7; } li:before { counter-increment: seznam; content: counter(seznam); background: #DA3F94; color: #fff; width: 1em; line-height: 1em; border-radius: 50%; text-align: center; position: absolute; left: -1.5em; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>