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> <head> <meta charset="UTF-8"> </head> <body> <table border="1"> <th><div class="vertical">KOLO</div></th> <th><div class="vertical">KOLO</div></th> </table> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
table { width: 100%; border-collapse: collapse; } th { text-align: center; vertical-align: bottom; width: 50%; height: 100px; } th div.vertical { -moz-transform:rotate(-90deg); -moz-transform-origin: center bottom; -webkit-transform: rotate(-90deg); -webkit-transform-origin: center bottom; -o-transform: rotate(-90deg); -o-transform-origin: center bottom; transform: rotate(-90deg); transform-origin: center bottom; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); margin-bottom: 30px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>