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="flex-container"> <div class="flex-item">foo</div> <div class="flex-item"> <div class="bar">bar</div> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.flex-container { margin-top: 3em; } .flex-container:after { content:""; clear:both; } .flex-container:after, .flex-item { display:block; } .flex-container, .flex-item:nth-child(1) { background-color: red; } .flex-item:nth-child(1) { float:left; } .flex-item:nth-child(2) { float:right; background-color: lime; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>