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 id="main"> <div id="header">Hlavička</div> <div id="nav">Navígace</div> <div id="content">Obsah</div> <div id="side">Postranní blok</div> <div id="footer">Patička</div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#main { background: #f5f5f5; min-width: 800px; max-width: 1200px; margin: 0 auto; } #header { background: orange; } #nav { background: black; color: #fff; } #content { float: left; width: 70%; } #side { background: #ccc; float: right; width: 30%; } #footer { background: blue; color: white; clear: both; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>