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 class="box"> <div class="box-content"> <strong>1</strong>Krok </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.box { font-family: arial; width: 8em; background: url("img/poly_small.png") no-repeat center #6ab8a0; background-size: contain; position: relative; line-height: 1.5; } .box-content { text-align: center; text-transform: uppercase; font-weight: bold; height: 0; padding: 50% 0; position: relative; top: -2.5em; } strong { color: white; display: block; font-size: 2em; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>