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="konkretne_id1" class="polblok"> <div class="lavy"> <h2>Kelti</h2> <p>Kelti mají širokou mládežnickou základnu, která v sezoně 2015/16 zahrnuje šest mládežnických týmů v chlapeckých i dívčí kategorii.</p> <p>Kelti mají širokou mládežnickou základnu, která v sezoně 2015/16 zahrnuje šest mládežnických týmů v chlapeckých i dívčí kategorii.</p> <p>Kelti mají širokou mládežnickou základnu, která v sezoně 2015/16 zahrnuje šest mládežnických týmů v chlapeckých i dívčí kategorii.</p> </div> </div> <div id="konkretne_id2" class="polblok"> <div class="pravy"> <h2>Kelti</h2> <p>Kelti mají širokou mládežnickou základnu, která v sezoně 2015/16 zahrnuje šest mládežnických týmů v chlapeckých i dívčí kategorii.</p> <p>Kelti mají širokou mládežnickou základnu, která v sezoně 2015/16 zahrnuje šest mládežnických týmů v chlapeckých i dívčí kategorii.</p> <p>Kelti mají širokou mládežnickou základnu, která v sezoně 2015/16 zahrnuje šest mládežnických týmů v chlapeckých i dívčí kategorii.</p> </div> </div> <div id="konkretne_id3" class="blok"> <div> <h2>Kelti</h2> <p>Kelti mají širokou mládežnickou základnu, která v sezoně 2015/16 zahrnuje šest mládežnických týmů v chlapeckých i dívčí kategorii.</p> <p>Kelti mají širokou mládežnickou základnu, která v sezoně 2015/16 zahrnuje šest mládežnických týmů v chlapeckých i dívčí kategorii.</p> <p>Kelti mají širokou mládežnickou základnu, která v sezoně 2015/16 zahrnuje šest mládežnických týmů v chlapeckých i dívčí kategorii.</p> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.blok { clear: both; /* Po floate treba clearovať (http://jecas.cz/float#clear) */ } .polblok { float: left; width: 50%; margin-bottom: 10px; } .polblok div.lavy { margin-right: 5px; } .polblok div.pravy { margin-left: 5px; } .blok div, .polblok div { background-color: #F1F1F1; padding: 10px; border: 1px solid; } @media screen and (max-width: 400px) { .polblok { float: none; width: auto; } .polblok div.lavy, .polblok div.pravy { margin: 0; } }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>