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>14</title> <table> <thead> <tr> <th><div>JEDNA</div></th> <th><div class="size">DVA</div></th> <th><div class="size">TRI</div></th> <th><div>ŠTYRI</div></th> </tr> </thead> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
* { box-sizing: border-box; } table { border-collapse: collapse; width: 100%; border: 5px solid black; } th { border-collapse: collapse; height: 300px; vertical-align: bottom; padding-bottom: 1.2em; } th div { transform: rotate(-90deg);} th:first-child { background: #3CF;} th:nth-child(odd) { width: 20%; border-right: 5px solid black; } th:nth-child(even) { width: 30%; } th:nth-child(2) { background: #FF0; border-right: 5px solid black; } .size { margin-bottom: -0.6em; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>