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
<h1>Absolutně posicované tlačítko</h1> <div class="obal"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, eum.</p> <p>Rerum, id dicta quo asperiores recusandae consectetur voluptate illum similique.</p> <p>Harum, cum, similique assumenda numquam distinctio saepe voluptatum et ipsum.</p> <p>Libero veritatis fugiat non possimus a expedita molestiae delectus labore.</p> <button>Tlačítko má v Chrome margin</button> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.obal { background: #efefef; border: 1px solid #ccc; position: relative; padding: 1em; } .obal > button, .obal > span { position: absolute; top: 0px; right: 0px; border: 1px solid #aaa; padding: 1em; background: #ccc; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>