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
<title>Rozklikání celého boxu</title> <h1>Rozklikání celého boxu</h1> <div class="polozka"> <img src="/i/100x100/f00" class="polozka--image"> <h2><a class="polozka--odkaz" href="#">Nadpis</a></h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni, odit eius tempore officiis laborum voluptatum molestiae vero et placeat quae. Tempora voluptas ducimus impedit quia. Porro repellat consequuntur asperiores voluptatum.</p> </div> <div class="polozka"> <img src="/i/100x100/f00" class="polozka--image"> <h2><a class="polozka--odkaz" href="#">Nadpis</a></h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni, odit eius tempore officiis laborum voluptatum molestiae vero et placeat quae. Tempora voluptas ducimus impedit quia. Porro repellat consequuntur asperiores voluptatum.</p> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.polozka { position: relative; overflow: hidden; } .polozka--image { float: left; margin-right: 1em; } .polozka--odkaz:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .polozka:hover { 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>