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 class="menu"> <a href="">A</a> <a href="">B</a> <a href="">C</a> <a href="">D</a> <a href="">E</a> <a href="">F</a> <a href="">G</a> <a href="">H</a> <a href="">I</a> <a href="">J</a> <a href="">K</a> <a href="">L</a> <a href="">M</a> <a href="">N</a> <a href="">O</a> <a href="">P</a> <a href="">Q</a> <a href="">R</a> <a href="">S</a> <a href="">T</a> <a href="">U</a> <a href="">V</a> <a href="">W</a> <a href="">X</a> <a href="">Y</a> <a href="">Z</a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.menu { overflow: hidden; background: #0D6AB7; } .menu a { float: left; width: 100px; text-align: center; padding: .5em 0 .7em 0; text-decoration: none; color: #fff; border-bottom: 5px solid #0D6AB7; } .menu a:hover { background: #1081DD; border-bottom: 5px solid #8ECCF0; } body { font-family: Segoe UI, Arial; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>