letter-spacing: .5em : letter spacing « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. letter spacing

letter-spacing: .5em

  



<html>
<head>
<title>Font Illustration</title>
<style>
.line1  {font-size: 24pt;
         letter-spacing: .5em; 
}

.line2  {font-size: 32pt;
         font-weight: bold;
         font-style: italic;
         line-height: 2.5em}
</style>
</head>
<body>
<span class="line1">line1</span><br/>
<div class="line2">line2</div>
</body>
</html>








Related examples in the same category

1.'letter-spacing' Example
2.letter-spacing (negative)
3.letter-spacing: 2px
4.letter-spacing: 5px;
5.letter-spacing: -1px;
6.letter-spacing:3px;
7.letter-spacing:normal;p.wide {letter-spacing:1.5em;p.narrow {letter-spacing:-.2ex;
8.Wide Letter Spacing
9.Narrow Letter Spacing
10.space between letters in the header is set to -1 pixels.
11.letter-spacing: 10px
12.Set letter spacing to -0.1em
13.letter-spacing: normal