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> <div class="menu"> <div class="menu-wrap"> <div class="menu-wrap2"> <ul> <li><a class="item-first" 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> <li><a href="">ODKAZ</a></li> <li><a href="">ODKAZ</a></li> <li><a class="item-last" href="">ODKAZ</a></li> </ul> </div> </div> </div> <div class="content"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi deserunt, delectus amet asperiores tenetur corporis veniam. Facere, rerum non, hic quam ipsa magni in earum odio labore quod dolorum accusantium vel eum recusandae provident totam sequi dolor adipisci accusamus explicabo.</p> </div> </body>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
* { margin: 0; padding: 0; font-family: Helvetica; } .menu { width: 960px; max-width: 100%; margin: 50px auto 0 auto; text-align: center; } .menu-wrap2 { max-width: 100%; background: red; } .menu ul { display: table; background: blue; overflow: auto; /* Clearovanie */ list-style: none; margin: 0 auto; } .menu li { float: left; } .menu a { display: block; background: rgb(13,13,14); padding: 20px; text-decoration: none; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>