Vertical Text with CSS - CSS Snipplr Social Repository

Revision: 34031

at October 16, 2010 06:36 by Nettuts

Initial Code

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>

<style>
  h1 {
    width: 1em;
    font-size: 40px;
    letter-spacing: 40px; /* arbitrary large letter-spacing for safety */
  }
</style>
</head>
<body>
  <h1> N e t t u t s </h1>
</body>
</html>

Initial URL

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

Initial Description

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

Initial Title

Vertical Text with CSS

Initial Tags

css, text

Initial Language

CSS

Choose a language for easy browsing: