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="row"> <div id="photo"> <img src="http://www.seznam.cz/st/img/2011//logo.png?3.34.37" class="image" alt="Seznam" title="Seznam"> </div> <div id="content"> obsah mn;odnvlajndlvkbakdljvbakjdsbvkjabdfkljvhapivnloajsd nvouabouvboal </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#photo{ width: 150px; height: 150px; border: 1px solid black; background-color: yellow; display: table-cell; vertical-align: middle; float: left; /* po pridani left neni zarovnana na stred */ } .row{ height: 150px; padding: 10px; background-color: blue; } .image{ vertical-align: middle; max-width: 150px; max-height: 150px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>