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
<!doctype html> <html> <body> <div> <p>float 1</p> <p>float 2</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div { width:500px; border:2px solid black; overflow:hidden; } div > :nth-child(1){ width:150px; background-color:yellow; margin-top:10px; } div > :nth-child(2){ width:170px; clear:left; background-color:lime; } div > :nth-child(-n+2){ float:left; margin-left:10px; } div > :last-child{ width:250px; background-color:silver; overflow:hidden; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>