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