Character Spacing

We can specify the space between characters. This example demonstrates how to increase or decrease the space between characters:

HTML file: Displayed by browser:
<style>
h3.do7 {
    letter-spacing: 7px;
}
h3.do3 {
    letter-spacing: 3px;
}
h3.do-2 {
    letter-spacing: -2px;
}
</style>
<body>
<h3 class="do7">There is 7 px between each character</h3>
<h3 class="do3">There is 3 px between each character</h3>
<h3>This is the default spacing for H3 headings</h3>
<h3 class="do-2">There is -2 px between each character</h3>
</body>

There is 7 px between each character

There is 3 px between each character

This is the default spacing for H3 headings

There is -2 px between each character

Back buttonTable of ContentsNext button