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="box"> <h1>Lorem ipsum dolor</h1> <img src="http://img.djpw.cz/gqe.jpeg" alt="" height="180" width="300" /> <p>Lorem ipsum dolor sit amet consectetuer pharetra nibh pede parturient tincidunt. Id id nonummy risus tellus Phasellus Sed nec pretium rhoncus feugiat. Leo et ante eros pellentesque magna interdum amet euismod Pellentesque adipiscing. Molestie pharetra Vestibulum et elit sed tellus euismod molestie congue urna. Justo urna </p> <a href="#">zobrazit info</a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { line-height: 110%; font-family: Arial, Helvetica, Geneva, sans-serif, Verdana, Source Sans Pro, Tahoma; font-size: 16px; background-color: #CBCBCB; } .box { background-color: #fff; width: 300px; padding: 10px; margin-top: 25px; margin-right: 25px; margin-left: 25px; margin-bottom: -16px; height: 440px; } h1 { margin: 0; font-weight: bold; color: #fff; padding-top: 10px; padding-right: 5px; padding-left: 9px; padding-bottom: 10px; background-color: #211121; font-size: 1em; } .img-box { max-width:100%; } a { float: right; display: block; background-color: #22ffee; padding: 5px 10px 5px 10px; color: #FFF; text-decoration: none; font-weight: bold; text-align: center; } a:hover { color: #fff; background-color: #00ff99; font-weight: bold; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>