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="wrapper"> <div>zahlavi</div> <div id="helper"> <div id="obsah">obsah</div> <div id="levysloupec">levysloupec</div> </div> <div class="breaker"></div> <div>paticka</div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
html, body { margin: 0; padding: 0; } #wrapper { width: 1000px; background-color:yellow; margin: 0 auto; } @media (max-width: 999px) { #wrapper { width: 500px; } #helper { display:table; } } #levysloupec { width: 500px; background-color: lime; display: table-caption; } #obsah { width: 500px; background-color: red; float: right; } .breaker { 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>