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
Něco před <ul> <li> Název 1<br>Autor 1<br><a href="#">Zobraz</a> </li> <li> Název 2<br>Autor 2<br><a href="#">Zobraz</a> </li> <li> Název 3<br>Autor 3<br><a href="#">Zobraz</a> </li> <li> Název 4<br>Autor 4<br><a href="#">Zobraz</a> </li> <li> Název 5 sxcs sdc sdc sdc scd scd sdcsdc sdc scdsdcsdc<br>Autor 5<br><a href="#">Zobraz</a> </li> <li> Název 6<br>Autor 6<br><a href="#">Zobraz</a> </li> <li> Název 7<br>Autor 7<br><a href="#">Zobraz</a> </li> <li> Název 8<br>Autor 8<br><a href="#">Zobraz</a> </li> <li> Název 9<br>Autor 9<br><a href="#">Zobraz</a> </li> <li> Název 10<br>Autor 10<br><a href="#">Zobraz</a> </li> <li> Název 11<br>Autor 11<br><a href="#">Zobraz</a> </li> </ul> Něco za
HTML
Autoformát
Standardní režim
Mobilní zobrazení
ul { margin: 0; padding: 0; overflow: hidden; } li { box-sizing: border-box; display: block; padding: 1em; width: 29%; float: left; margin: 2%; } li:nth-child(3n+1) { clear: left; } li:hover { background: #ddd; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>