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=obrazky> <p><img src=i/300/ffc> <span>popisek žlutého obrázku</span> <p><img src=i/300/cff> <span>popisek modrého obrázku</span> <p><img src=i/300/fdc> <span>popisek oranžového obrázku dlouhý popisek oranžového obrázku dlouhý popisek oranžového obrázku dlouhý popisek oranžového obrázku dlouhý popisek oranžového obrázku</span> <p><img src=i/300/fcf> <span>popisek fialového obrázku dlouhý popisek fialového obrázku dlouhý popisek fialového obrázku dlouhý popisek fialového obrázku dlouhý popisek fialového obrázku dlouhý popisek fialového obrázku dlouhý popisek fialového obrázku dlouhý popisek fialového obrázku dlouhý popisek fialového obrázku</span> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#obrazky { overflow: auto; } #obrazky p { float: left; width: 25%; text-align: center; } #obrazky img { width: 300px; max-width: 100%; vertical-align: middle; } #obrazky span { display: block; padding: 1em; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>