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="obsah pravyokraj10"> <div class="spodniokraj10"></div> <div class="obsahsekce"> <div class="strednihlavicka">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> <p>Nulla faucibus blandit ipsum, vitae congue mauris pretium eu. Donec aliquam lacinia ipsum congue aliquet. Mauris feugiat vehicula ullamcorper. Proin quis diam dui. Suspendisse vel viverra turpis. Proin pretium, elit scelerisque ultricies aliquam, risus dui fermentum arcu, ut convallis diam ligula sed massa. Nam pellentesque tellus eget varius ornare. Proin non velit vitae elit laoreet egestas. Duis est eros, fringilla sit amet odio fringilla, ullamcorper gravida lacus. Sed facilisis felis at velit condimentum rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p> <div class="nadcarou"></div> </div> <div class="spodniokraj20"></div> <div class="obsahsekce"> <div class="strednihlavicka"> Loren ipsum dolor sit amet, consectetur adipiscing elit. </div> <p>Nulla faucibus blandit ipsum, vitae congue mauris pretium eu. Donec aliquam lacinia ipsum congue aliquet. Mauris feugiat vehicula ullamcorper. Proin quis diam dui. Suspendisse vel viverra turpis. Proin pretium, elit scelerisque ultricies aliquam, risus dui fermentum arcu, ut convallis diam ligula sed massa. Nam pellentesque tellus eget varius ornare. Proin non velit vitae elit laoreet egestas. Duis est eros, fringilla sit amet odio fringilla, ullamcorper gravida lacus. Sed facilisis felis at velit condimentum rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p> <div class="nadcarou"></div> </div> <div class="spodniokraj20"></div> <div class="obsahsekce"> <div class="strednihlavicka"> Loren ipsum dolor sit amet, consectetur adipiscing elit. </div> <p>Nulla faucibus blandit ipsum, vitae congue mauris pretium eu. Donec aliquam lacinia ipsum congue aliquet. Mauris feugiat vehicula ullamcorper. Proin quis diam dui. Suspendisse vel viverra turpis. Proin pretium, elit scelerisque ultricies aliquam, risus dui fermentum arcu, ut convallis diam ligula sed massa. Nam pellentesque tellus eget varius ornare. Proin non velit vitae elit laoreet egestas. Duis est eros, fringilla sit amet odio fringilla, ullamcorper gravida lacus. Sed facilisis felis at velit condimentum rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p> <div class="nadcarou"></div> </div> <div class="spodniokraj20"></div> <div class="spodniokraj10"></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { margin: 15px; padding: 0px; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif, Verdana, Tahoma; font-size: 12px; color: #FFFFFF; background-color: #000 } p { margin: 0px; padding: 0px; text-align: justify; color: #FFFFFF; } .nadcarou { clear: both; width: 100%; height: 0px; font-size: 0px; } .spodniokraj10 { clear: both; width: 100%; height: 10px; font-size: 1px; } .spodniokraj20 { clear: both; width: 100%; height: 20px; font-size: 1px; } .pravyokraj10 { margin-right: 10px; } .obsah { float: left; width: 525px; padding: 10px 10px 0 10px; background-color: #300; border: 1px solid red; } .strednihlavicka { padding: 0 0 5px 0; margin: 0 0 10px 0; font-weight: bold; color: #019; padding: 0 0 0 5px; background-color: #444; font-size: 12px; } .obsahsekce { clear: both; padding: 0 0 0 0; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>