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="obsah"> <div class="seznam"> <div class="sl1 hlavicka">#</div><div class="sl2 hlavicka">Jméno a příjmení</div><div class="sl3 hlavicka">Datum narození</div> <div class="sl1">1</div> <div class="sl2">Josef Černý</div> <div class="sl3">25.09.1998</div> <div class="sl1">2</div> <div class="sl2">Karel Novotný</div> <div class="sl3">09.12.1996</div> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#obsah { clear: both; padding: 10px; background: #ffffff; text-align: justify; width: 90%; border: 1px dotted red; } .seznam { clear: both; display: inline-block; margin: 5px 0 0 0; width: 70%; border: 1px dotted green; } .seznam .hlavicka { padding: 3px; background: #e5ebf0; font-size: 1em; text-align: center; } .seznam .sl1 { float: left; padding: 3px 3px 3px 5px; border-right: 1px solid #d0dce6; border-bottom: 1px solid #d0dce6; } .seznam .sl1 { width: 20%; text-align: center; } .seznam .sl2 { width: 30%; } .seznam .sl3 { width: 20%; text-align: center; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>