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
<div class="obsah"> <h1>Nadpis</h1> Obsah<br>dlouhý </div> <div class="hlavicka"> Hlavička</div> <div class="sloupec">Sloupec</div> <div class="paticka">Patička</div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { display: -ms-grid; -ms-grid-columns: 150px 15px 1fr; -ms-grid-rows: auto 15px auto 15px auto; } .hlavicka, .paticka {-ms-grid-column-span: 3} .hlavicka {-ms-grid-row: 1} .paticka {-ms-grid-row: 5} .sloupec {-ms-grid-column: 1; -ms-grid-row: 3} .obsah {-ms-grid-column: 3; -ms-grid-row: 3} div { background: #efefef; border: 1px solid #ccc; padding: 1em; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>