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
<!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css.css" type="text/css"> <title>Dokument bez názvu</title> </head> <body> <div class="obsah"> <div class="obsahsekce"> <img src="http://img.geocaching.com/cache/359d7d93-44ba-4745-95de-f7263e050e9a.jpg" alt="popis obrázku" width="135" height="98"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
@charset "utf-8"; /* CSS Document */ body { margin: 15px; padding: 0px; line-height: 130%; font-family: Arial; font-size: 16px; color: #000; background-color: #121111; } .obsah { float: left; width: 550px; } .obsahsekce { background:#4BF7C9; padding: 10px; margin: 10px; } .obsahsekce p { text-align: justify; } .obsahsekce img { float: left; margin-top: 20px; margin-right: 5px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>