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="obal"><!-- extra obal, aby sa logo neskrylo za okraj--> <div class="center"> <div class="hlavicka"> <h1>Hlavný nadpis</h1> <h2>Podnadpis</h2> </div> <div class="menu"> Položka | Položka | Položka | Položka | Položka | Položka </div> <img src="i/200x140" alt="logo"> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body {background: #366598;} .obal, .center { width: 700px; margin: auto; } .center {position: relative; width: 540px;} .hlavicka, .menu {background: #FFF; padding: 10px; margin-bottom: 20px; padding-right: 120px; /* Aby sa text neskryl pod obrázok */} .hlavicka {padding: 30px 10px;} img { position: absolute; bottom: -5px; right: -80px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>