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="col1"> <div class="subcol1"> 2 </div> <div class="subcol2"> 1 </div> </div> <div class="col2"> 3 </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.col1 { background: red; width: 66.67%; float: left; overflow: hidden; } .col2 { background: green; width: 33.333%; float: right; overflow: hidden; } .subcol1 { float: right; width: 50%; background: blue; } .subcol2 { float: left; width: 50%; background: red; } @media screen and (max-width: 767px) { .col1, .col2, .subcol1, .subcol2 { width: 100%; float: none; } }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>