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="wrap"> <div class="aaa">CASE 1:<br/><br/> Lorem ipsum dolor sit amet Consectetuer urna Nulla eget justo Congue Vestibulum </div> <div class="bbb"> Lorem ipsum dolor sit amet Consectetuer urna Nulla eget justo</div> </div> <div class="wrap"> <div class="aaa">CASE 2:<br/><br/> Lorem ipsum dolor sit amet Consectetuer urna Nulla eget justo Congue Vestibulum </div> <div class="ccc">Lorem ipsum dolor sit amet Consectetuer urna Nulla eget justo Congue Vestibulum mauris metus mus Natoque adipiscing felis In auctor A cursus cursus Duis Aenean Aenean pellentesque congue congue sagittis Congue eget risus ut libero </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.wrap { width: 280px; min-height: 100px; border: thin solid black; display: inline-block; margin: 0px; padding: 0px; vertical-align: top; } .aaa { width: 130px; min-height: 140px; background-color: green; display: inline-block; vertical-align: top; } .bbb { width: 130px; margin-left: 10px; min-height: 140px; background-color: red; display: inline-block; vertical-align: top; } .ccc { width: 130px; margin-left: 10px; min-height: 200px; background-color: red; display: inline-block; vertical-align: top; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>