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
<body id=navcontainer> <ul> <li><a href="#">text</a> <li><a href="#">text</a> <li><a href="#">text</a> <li><a href="#">text</a> <li><a href="#">text</a> <li><a href="#">text</a> <li><a href="#">velmi dlouhý text</a> <li><a href="#">text</a> </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#navcontainer ul{ margin-bottom:30px; padding:5px; list-style-type:none; text-align:left; } #navcontainer ul li{ display:inline-block; } #navcontainer ul li a{ display:inline-block; margin-right: 1ex; margin-bottom: 1ex; text-decoration:none; padding:9px 12px; color:#fff; background-color:#161616; border-radius:4px; } #navcontainer ul li a:hover, #navcontainer ul li a.active { text-decoration:underline; color:#fff; background-color:#63800b; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>