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
<header> <div id="logo""><h1>Header</h1></div> <br /> <nav> <ul> <li><a href="#">ODKAZ</a></li> <li><a href="#">ODKAZ</a></li> <li><a href="#">ODKAZ</a></li> <li><a href="#">ODKAZ</a></li> <li><a href="#">ODKAZ</a></li> <li><a href="#">ODKAZ</a></li> </ul> </nav> </header>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
nav ul { background: green; margin: 0px 0px 0px 10px; list-style-type: none; border: 2px solid black; overflow: hidden; padding: 0; } nav ul li { float: left; } nav ul li a { float: left; text-decoration: none; color: blue; padding: 10px 25px; border-right: 2px solid; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>