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
<h1>Hlavní nadpis</h1> <div class="seznam"> <ol> <li class="font-content-head"><span>Nadpis 1</span> <ol> <li><span class="font-content-strong"> Lorem ipsum dolor sit amet consectetuer </span><span class="s-content"> drásníky postínkuc lžičkočaj. Umyva onouby sólo z rohlínům lásná škový zavě. </span></li> <li><span class="font-content-strong"> Lorem ipsum dolor sit amet consectetuer </span><span class="s-content"> drásníky postínkuc lžičkočaj. Umyva onouby sólo z rohlínům lásná škový zavěď odobzor drávadlov sudba. hudbalo sestí Lákamí hulák nám Rozcuchře kuce </span></li> </ol> </li> </ol> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
ol { counter-reset: item; } .seznam li { display: block; } .seznam li:before { content: counters(item, ".") ") "; counter-increment: item; font-size: 1.3em; color: #202020; font-weight: 700; } /* FONTS */ .font-content-head > span, .seznam .font-content-head:before { font-family: 'Roboto', sans-serif; font-size: 1.8em; font-weight: 700; color: #BA4D4E; text-align: left; line-height: 1.3; margin: 50px 0px 30px; } .font-content-strong { font-family: 'Roboto', sans-serif; font-size: 1.2em; font-weight: 700; color: #202020; text-align: left; margin-bottom: 15px; } .s-content { display: block; margin: 15px 0px 35px; font-family: 'Roboto', sans-serif; font-size: 1em; font-weight: 400; color: #202020; text-align: left; line-height: 1.2; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>