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