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="obal pozadi"> <div class="levy"><p>Krátký text</p></div> <div class="pravy"> <p>Více</p> <p>krátkých</p> <p>odstavců</p> </div> <div style="clear: both"></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.obal {width: 500px; position: relative;} .obal .levy, .levy:before {float: left; width: 150px} .obal .pravy, .pravy:before {float: right; width: 350px} .obal .levy:before, .obal .pravy:before {content: ""; position: absolute; top: 0; bottom: 0; z-index: -1;} .levy:before {background: #34A3E4; left: 0;} .pravy:before {background: #E36FAF; left: 150px;} .obal p {padding: 1em}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>