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
<ul class="content"> <li><a href="#">Site name</a></li> <li><a href="#">Next link</a></li> <li><a href="#">Another link</a></li> <li><a href="#">Something else</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Almost last link</a></li> <li><a href="#">Last link</a></li> </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
* { box-sizing: border-box; } html { font: Georgia, serif; color: #333; background: #a0522d; line-height: 1.5; } ul { display: flex; flex-wrap: wrap; max-width: 75em; margin: 0 auto; font-family: helvetica; padding: 0 } ul li { list-style: none; flex: 0 1 auto; /*max-width:16rem*/ } ul li a { line-height: 1.5; padding: 0.2em 0.2em; display: block; text-align: center; border-radius: 0.313em; background: PaleGoldenrod; margin: 0.063em; text-decoration: none; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>