Vertical Text with CSS


/ Published in: CSS
Save to your folder(s)

This appears to be the easiest way to create vertical text (that isn't rotated) with CSS.


Copy this code and paste it in your HTML
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset=utf-8 />
  5. <title>JS Bin</title>
  6.  
  7. <style>
  8. h1 {
  9. width: 1em;
  10. font-size: 40px;
  11. letter-spacing: 40px; /* arbitrary large letter-spacing for safety */
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <h1> N e t t u t s </h1>
  17. </body>
  18. </html>

URL: http://net.tutsplus.com/tutorials/html-css-techniques/the-easiest-way-to-create-vertical-text-with-css/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.