How to specify the space between characters with CSS

The code example below shows you how to specify the space between characters with CSS.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>this is the title of the web page</title>

<style type="text/css">
h3.one
{ letter-spacing: -1px; }
h3.two
{ letter-spacing: 10px; }
</style>

</head>
<body>
<h3 class="one">This is a heading</h1>
<h3 class="two">This is another heading</h1>
</body>
</html>

The above code makes the headings below.

This is a heading

This is another heading

Use the text editor below to practice what you have learned.

Free Website Templates

Free Web Tools

Recommended Websites