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="header"> <h1>Header 100%</h1> </div> <div class="nav"> <h1>Nav 120px</h1> </div> <div class="subnav"> <h1>Subnav - full width</h1> </div> <div class="main"> <h1>Main - full width</h1> dsfsdfsdfsdfsdfsdfsdf </div> <div class="footer"> <h1>Footer 100%</h1> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body{padding:0px;margin:0px;} .header{background:peru;width:100%;} .nav{background:red;width:120px;float:left;} .subnav{background:yellow;} .main{background:blue;float:none;} .footer{float:left;background:green;width:100%} h1{margin:0px;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>