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="onas"> <div> <p>Lorem ipsum dolor sit amet consectetuer auctor congue eleifend congue.<br /> Leo pretium at et mauris justo volutpat tempus at vel. <br /> Tempor sem odio congue tellus pede pede Morbi tellus dictumst. <br /> At quis leo ipsum vitae non turpis ipsum dolor ac. <br /> Feugiat vel elit tempor pellentesque vitae ipsum et iaculis augue.</p> </div> <div> <p>Lorem ipsum dolor sit amet consectetuer auctor congue eleifend congue.<br /> Leo pretium at et mauris justo volutpat tempus at vel. <br /> Tempor sem odio congue tellus pede pede Morbi tellus dictumst. <br /> At quis leo ipsum vitae non turpis ipsum dolor ac. <br /> Feugiat vel elit tempor pellentesque vitae ipsum et iaculis augue.</p> </div> <br class="cistic"> <div> <p>Lorem ipsum dolor sit amet consectetuer auctor congue eleifend congue.<br /> Leo pretium at et mauris justo volutpat tempus at vel. <br /> Tempor sem odio congue tellus pede pede Morbi tellus dictumst. <br /> At quis leo ipsum vitae non turpis ipsum dolor ac. <br /> Feugiat vel elit tempor pellentesque vitae ipsum et iaculis augue.</p> </div> <div> <p>Lorem ipsum dolor sit amet consectetuer auctor congue eleifend congue.<br /> Leo pretium at et mauris justo volutpat tempus at vel. <br /> Tempor sem odio congue tellus pede pede Morbi tellus dictumst. <br /> At quis leo ipsum vitae non turpis ipsum dolor ac. <br /> Feugiat vel elit tempor pellentesque vitae ipsum et iaculis augue.</p> </div> <br class="cistic"> <div> <p>Lorem ipsum dolor sit amet consectetuer auctor congue eleifend congue.<br /> Leo pretium at et mauris justo volutpat tempus at vel. <br /> Tempor sem odio congue tellus pede pede Morbi tellus dictumst. <br /> At quis leo ipsum vitae non turpis ipsum dolor ac. <br /> Feugiat vel elit tempor pellentesque vitae ipsum et iaculis augue.</p> </div> <div> <p>Lorem ipsum dolor sit amet consectetuer auctor congue eleifend congue.<br /> Leo pretium at et mauris justo volutpat tempus at vel. <br /> Tempor sem odio congue tellus pede pede Morbi tellus dictumst. <br /> At quis leo ipsum vitae non turpis ipsum dolor ac. <br /> Feugiat vel elit tempor pellentesque vitae ipsum et iaculis augue.</p> </div> <br class="cistic"> <div> <p>Lorem ipsum dolor sit amet consectetuer auctor congue eleifend congue.<br /> Leo pretium at et mauris justo volutpat tempus at vel. <br /> Tempor sem odio congue tellus pede pede Morbi tellus dictumst. <br /> At quis leo ipsum vitae non turpis ipsum dolor ac. <br /> Feugiat vel elit tempor pellentesque vitae ipsum et iaculis augue.</p> </div> <div> <p>Lorem ipsum dolor sit amet consectetuer auctor congue eleifend congue.<br /> Leo pretium at et mauris justo volutpat tempus at vel. <br /> Tempor sem odio congue tellus pede pede Morbi tellus dictumst. <br /> At quis leo ipsum vitae non turpis ipsum dolor ac. <br /> Feugiat vel elit tempor pellentesque vitae ipsum et iaculis augue.</p> </div> <br class="cistic"> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#onas div { float: left; width: 50%; } #onas div p { margin: 1em 10px; } #onas .cistic { clear: both; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>