how to rotate text left 90 degree and cell size is adjusted according to text in html

by

Without calculating height. Strict CSS and HTML. <span/> only for Chrome, because the chrome isn’t able change text direction for <th/>.

th 
{
  vertical-align: bottom;
  text-align: center;
}

th span 
{
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}
<table>
  <tr>
    <th><span>Rotated text by 90 deg.</span></th>
  </tr>
</table>

More Related Contents:

  1. Actual table Vs. Div table
  2. Is it acceptable to use tables for forms? Or is it still more correct to use divs?
  3. How would I achieve a shadow that won’t show through transparent text?
  4. Fill in text in HTML5
  5. Change text-color on div :hover [closed]
  6. HTML 5 strange img always adds 3px margin at bottom [duplicate]
  7. Wrap text in tag
  8. Changing three.js background to transparent or other color
  9. Rounded table corners CSS only
  10. What is the current state of the “scoped” attribute for the style element in HTML5?
  11. Proper way to apply CSS to HTML5 custom elements
  12. Add a text suffix to
  13. html5 vertical spacing issue with
  14. Adjacent divs with angled borders? [duplicate]
  15. How to position a div in the middle of the screen when the page is bigger than the screen
  16. How can I apply a border only inside a table?
  17. How to write a caption under an image?
  18. Remove all padding and margin table HTML and CSS
  19. Using background-attachment:fixed in safari on the ipad
  20. Equivalent to float in Outlook
  21. CSS: How to align vertically a “label” and “input” inside a “div”?
  22. Div side by side without float
  23. Should Tables be avoided in HTML at any cost?
  24. Full background image with fade effect
  25. Why box-sizing is not working with width/height attribute on canvas element?
  26. How do I make text bold in HTML?
  27. Center fixed div with dynamic width (CSS)
  28. Table vertical header?
  29. Stacking DIVs on top of each other?
  30. Bootstrap table striped: How do I change the stripe background colour?

Leave a Comment