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
<div> <i class="small"></i> Example text </div> <div> <i class="normal"></i> Example text </div> <div> <i class="large"></i> Example text </div> <div> <i class="big"></i> Example text </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div { background: blue; color: #fff; margin-bottom: 10px; /*line-height: 80px;*/ /*padding: 20px 0;*/ padding: 7px 14px; } i { vertical-align: middle; display: inline-block; } i.small { width: 16px; height: 16px; background: url("http://placehold.it/14x12"); } i.normal { width: 24px; height: 24px; background: url("http://placehold.it/24x24"); } i.large { width: 32px; height: 32px; background: url("http://placehold.it/32x32"); } i.big { width: 64px; height: 64px; background: url("http://placehold.it/64x64"); }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>