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 id="menu_obal"> <ul> <li><a href="/aa">WD 40</a></li> <li><a href="/bb">Výroba strouhanky</a></li> <li><a href="/cc">Čaj</a></li> <li><a href="/cc">Rum</a></li> </ul> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div#menu_obal { margin: auto; width: 930px; border: 1px solid black; } div#menu_obal ul { margin: 0px; padding: 0; width: 100%; display: table; } div#menu_obal ul li { display: table-cell; max-width: 4em; } #menu_obal a { display: block; text-align: center; } #menu_obal li+li a { border-left: 1px solid red; margin-left: -1px; } #menu_obal a:hover{ background: #def; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>