Posted By

Nettuts on 10/16/10

Tagged

css
text

Versions (?)

Last Edited at 10/16/10 06:36am

Statistics

Viewed 1072 times

Favorited by 7 user(s)

Related snippets

Vertical Text with CSS

/ Published in: CSS

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

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<!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>