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 style="background: red; margin: auto; width: 600px;"> <div class="levo"> <div style="background: blue; margin: 1px; width: 298px; height: 202px;">1 left</div> <div style="background: blue; margin: 1px; width: 298px; height: 111px;">3 left</div> <div style="background: blue; margin: 1px; width: 298px; height: 209px;">5 left</div> <div style="background: blue; margin: 1px; width: 298px; height: 143px;">7 left</div> <div style="background: blue; margin: 1px; width: 298px; height: 260px;">9 left</div> </div> <div class="pravo"> <div style="background: blue; margin: 1px; width: 298px; height: 138px;">2 right</div> <div style="background: blue; margin: 1px; width: 298px; height: 118px;">4 right</div> <div style="background: blue; margin: 1px; width: 298px; height: 268px;">6 right</div> <div style="background: blue; margin: 1px; width: 298px; height: 203px;">8 right</div> <div style="background: blue; margin: 1px; width: 298px; height: 203px;">10 right</div> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { color: white; } .levo { float: left; width: 300px; color: red; } .pravo { float: right; width: 300px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>