Latest Post

Letter Spacing

How to manage the space between letters in html?

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.

1) cm : You can set the value in centimeters as 1cm etc...
2) px : You can set the value in pixels as 1px or 10px etc...
3) pt : You can set the value in points as 1pt or 2pt etc
4) 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:  
T e s t i n g  L e t t e r 

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