HTML and CSS Reference
In-Depth Information
<title>Example 3.11</title>
<style type="text/css">
p { font-family: verdana,sans-serif; }
p:before { content: attr(style) " "; font-weight: bold; }
h4.wide { word-spacing: 2em; }
</style>
</head>
<body>
<h4 class="wide">Paragraphs with different <em>letter-spacing</em></h4>
<p style="letter-spacing: normal;">
Lorem ipsum dolor sit amet, ...
</p>
<hr/>
<p style="letter-spacing: -1px;">
Lorem ipsum dolor sit amet, ...
</p>
<hr/>
<p style="letter-spacing: 0.5em;">
Lorem ipsum dolor sit amet, ...
</p>
</body>
</html>
Figure 3.11: Paragraphs with different letter-spacing values