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
<html> <head></head> <body> <div id="content"> <div id="header"> <div id="logo"> <img width="50" height="50" alt="Logo"> </div> <div id="page_title"> <span>Nějaký úžasný text</span> </div> <div class="cleaner"></div> </div> <div id="page_content"> <span>Nějaký další obsah...</span> </div> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#content { width: 600px; height: 500px; margin: 0px auto; border: 1px solid blue; } #header { width: 600px; height: 50px; background-color: yellow; } #logo { width: 50px; height: 50px; float: left; } #page_title{ margin-left: 50px; width: auto; height: 50px; background-color: green; } .cleaner { clear: both; } #page_content { background-color: gray; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>