letter-spacing: 2px : letter spacing « CSS « HTML / CSS






letter-spacing: 2px

   

<!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">
<html>
<head>
<title>css typography</title>
<style type="text/css">

p {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 2px;
    word-spacing: 10px;
}

</style>
</head>
<body>
<h1>this is a test. </h1>
<h2>this is a test. </h2>
<p>this is a test. <strong>this is a test. </strong> this is a test. </p>
<p>this is a test. </p>
</body>
</html>

   
    
  








Related examples in the same category

1.'letter-spacing' Example
2.letter-spacing (negative)
3.letter-spacing: 5px;
4.letter-spacing: -1px;
5.letter-spacing:3px;
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