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=bloky> <div class="blok2"> <a href="#" class="button button-primary">Zpět</a> </div> <div class=blok> <img src="green-abstract.jpg" style="width: 500; height: 350px; border: 2px solid; margin: 20px; margin-left: 130px;"> </div> <div class="blok2"> <h2 style="text-align: right; color: green;">Vpřed</h2> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { background: green; color: #333; text decoration: none; } .bloky { overflow: auto; width: 1245px; margin: auto; background: orange; } .blok { width: 700px; height: 424px; float: left; background: red; position: relative; } .blok2 { background: none; width: 260px; height: 424px; float: left; } .button { padding:8px 16px; display:inline-block; border-radius:10px; } .button-primary { background:orange; text-align: left; color: white; font-size: 30px; } .button-primary:hover { background:red; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>