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="obsah"> Lorem<br> ipsum </div> <div id="lista"> <ul> <li><a href="#">Sekce 1</a> <li><a href="#">Sekce 2</a> <li><a href="#">Sekce 3</a> <li><a href="#">Sekce 4</a> </ul> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { background: #dfdfdf; } #obsah { width: 600px; height: 600px; background-color: #eed; margin: 30px auto 100px; box-shadow: 1px 1px 20px #292929; border-radius: 6px; color: green; font-size: 16px; line-height: 22px; padding: 50px; } #lista { position: fixed; bottom: 0px; left: 25%; width: 50%; line-height: 56px; text-align: center; background-color: black; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } li { display: inline-block; } a:link, a:visited { font-weight: bold; color: #FFFFFF; padding: 20px; background-color: green; text-decoration: none; text-transform: uppercase; } a:hover, a:active { background-color: #004c00; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>