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="skorobílý"> <div class="obsah"> Tady bude obsah skorobílého pruhu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempor, tellus eget commodo dignissim, purus odio sollicitudin enim, vel luctus arcu lectus porta est. Aliquam nec orci lectus. Maecenas non felis non dui tristique aliquet accumsan vitae tellus. Suspendisse non vehicula elit. Maecenas placerat metus turpis, volutpat venenatis felis lobortis quis. </div> </div> <div class="modrý"> <div class="obsah"> Tady bude obsah modrého pruhu. Pellentesque urna felis, aliquet a ornare id, facilisis at diam. Sed ultrices risus ac leo imperdiet, ut porttitor erat condimentum. Cras nec ultricies sem. Vivamus quis turpis nec ipsum iaculis iaculis nec eget sem. Mauris odio nisl, tempor quis fringilla id, convallis tempor velit. Phasellus quis lorem bibendum, interdum tellus in, faucibus massa. </div> </div> <div class="skorobílý"> <div class="obsah"> Tady bude obsah skorobílého pruhu. Donec vitae enim at augue vestibulum rhoncus a vel diam. Vestibulum congue nibh in massa faucibus, nec vestibulum ipsum consequat. Cras bibendum suscipit sem, eu sollicitudin elit. Integer ullamcorper aliquam lectus sit amet aliquam. </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
html, body { margin: 0; padding: 0; } .obsah { width: 50%; margin: auto; padding: 0.5em } .modrý { background: navy; color: #FFF } .skorobílý { background: #EFEFEF}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>