CSS Letter Spacing

How to manage the space between letters in html?

Explanation


Property :

Letter Spacing

Usage:


letter-spacing: 1cm;
letter-spacing: 10pt;
letter-spacing: 10px;
letter-spacing: none;

Definition:

Using this attribute we can define or set the space between each letters.
It takes the following values.
a) cm : You can set the value in centimeters as 1cm etc...
b) px : You can set the value in pixels as 1px or 10px etc...
c) pt : You can set the value in points as 1pt or 2pt etc
d) norm : on setting norm, normal / default word spacing will be taken.

Example 1:


<font style="letter-spacing: 1cm;"> Testing Letter </font>
Result:

Testing Letter

Example 2:


<div style="letter-spacing: 10px;"> Testing Letter </div>
Result:

Testing Letter


Example 3:


<h5 style="letter-spacing: 10pt;"> Testing Letter </h5>
Result:

Testing Letter

Example 4:


<font style="letter-spacing: none;"> Testing space between letters </font>
Result:

Testing space between letters

Ask Questions

Ask Question