letter-spacing:3px; : letter spacing « CSS « HTML / CSS






letter-spacing:3px;

  


<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>CSS Example</title>
<style type='text/css'>
body {
   color:#000000;
   background-color:#ffffff;
   font-family:arial, verdana, sans-serif; 
   font-size:12px;}

p.two {letter-spacing:3px;}
p.three {letter-spacing:0.5em;}
p.four {letter-spacing:-1px;}
</style>

</head>

<body>
<h1>letter-spacing</h1>
<p class="one">This is normal letter spacing</p>
<p class="two">Here 2 pixels have been added between each letter</p>
<p class="three">Here 0.5 em has been added between each letter</p>
<p class="four">Here 1 pixel has been removed between each letter</p>
</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:normal;p.wide {letter-spacing:1.5em;p.narrow {letter-spacing:-.2ex;
7.Wide Letter Spacing
8.Narrow Letter Spacing
9.space between letters in the header is set to -1 pixels.
10.letter-spacing: .5em
11.letter-spacing: 10px
12.Set letter spacing to -0.1em
13.letter-spacing: normal