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
<nav class="navbar"> <div class="zarovnanil"> <img src="https://www.google.sk/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" alt="logo"> </div> <div class="zarovnanip"> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> </div> </nav>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.zarovnanil { float: left; } .zarovnanil img { height: 80px; display:block; } .zarovnanip { float: right; line-height: 80px; } nav { padding: 5px; margin-top: 30px; background-color: #292A28; } .navbar { position: absolute; overflow: auto; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>