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
<h1> <a href="#">IT v kocke</a> </h1> <div id="menu"> <ul> <li><a href="#">od Kazi</a></li> <li><a href="#">delší text</a></li> <li><a href="#">další delší text</a></li> <li><a href="#">ponožka</a></li> <li><a href="#">další ponožka</a></li> </ul> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
h1 a { float: left; } #menu ul { margin: 0; padding: 0; float: right; } #menu li { list-style: none; float: right; border-left: 1px solid gray; } #menu li:first-child { border-right: 1px solid gray; } #menu a { line-height: 2.1em; text-decoration: none; color: navy; padding: 5px 20px; display: block; background: gold; } #menu a:hover { background: #eee; color: blue; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>