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 id="body"> <p>width:auto a width:100%</p> <div id="container"> <p>400 px.</p> <div id="child-1"> <p>auto</p> </div> <div id="child-2"> <p>100%</p> </div> </div> <div id="labfooter"> <p>Nodo</p> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#body { width:70em; max-width:100%; margin:0 auto; } #container { width:400px; height:400px; background:#eee; } #child-1 { width:auto; margin:0 50px; padding:0 50px; border:10px solid #999; border-width:0 10px; background:#fee; } #child-2 { width:100%; margin:0 50px; padding:0 50px; border:10px solid #999; border-width:0 10px; background:#efe; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>