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="popis-blok"> <div id="nadpis"><h4><img src="images/circle.png">PRÍBEHY</h4></div> <div class="obrazok-s-textom"> <p>Text 1.obrázka</p> <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Saimaan_aalto.jpg/350px-Saimaan_aalto.jpg" width="250"> </div> <div class="obrazok-s-textom"> <p>Text 2.obrázka</p> <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Saimaan_aalto.jpg/350px-Saimaan_aalto.jpg" width="250"> </div> <div class="obrazok-s-textom"> <p>Nadpis 3. obrázka</p> <p>Môžem ti tu napísať o dovelenke pri mori, alebo môžem písať text, aby som ti ukázal, že obrázok sa posúva dolu s pribúdajúcim textom, a nevyteká z modrého obaľovacieho divu.</p> <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Saimaan_aalto.jpg/350px-Saimaan_aalto.jpg" width="250"> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#popis-blok { background-color: #123456; color: #000; float: left; } .obrazok-s-textom { float: left; margin: 5px; width: 30%; } h4 {text-align: center};
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>