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
<!doctype html> <html> <body> <div class="obal"> <div class="pol"></div> <div class="pol"></div> <div class="pol"></div> <div class="pol"></div> <div class="pol"></div> <div class="pol"></div> <div class="pol"></div> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div, html, body {margin: 0; padding: 0;} body {background: #e0eeff;margin: 10px;} * {box-sizing: border-box} .pol{ width: 180px; height: 180px; background: #df45df; display: inline-block; margin: 4px; } .obal { margin: auto; text-align: center; position: relative; overflow: hidden; background: #ffed00; max-width: 800px; border-left: 1px solid black; border-right: 1px solid black; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>