The Easiest Way to Create Vertical Text with CSS | Nettuts

Revision: 34038

at October 16, 2010 07:37 by jkandei

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

The easiest way to create vertical text is to use ems in addition with a space between the letters of the word that should be displayed verticaly

Initial Title

The Easiest Way to Create Vertical Text with CSS | Nettuts

Initial Tags

css, text

Initial Language

HTML

Choose a language for easy browsing: