Letter Spacing Code

Example Code


<!-- Codes by HTMLmagics -->
<p style="width:180px;float:left;background-color:#ffc;">Normal text: This text does not have its letter-spacing specified. Therefore it uses a default value.</p>
<p style="letter-spacing:3px;width:180px;float:right;background-color:#eee;">Adjusted letter-spacing: This text has got letter-spacing value of 3 pixels.</p>
<p style="letter-spacing:0.1cm;width:180px;float:left;background-color:#eee;">Adjusted letter-spacing: This text has got letter-spacing value of 0.1 centimeter.</p>
<p style="letter-spacing:0.3em;width:180px;float:right;background-color:#eee;">Adjusted letter-spacing: This text has got letter-spacing value of 0.3em.</p>

<p style="letter-spacing:-1px;width:180px;float:left;background-color:#eee;">Adjusted letter-spacing: This text has got letter-spacing value of negative 1 pixel.</p>
<p style="letter-spacing:-0.05cm;width:180px;float:right;background-color:#eee;">Adjusted letter-spacing: This text has got letter-spacing value of negative 0.05 centimeter.</p>
<p style="letter-spacing:-0.1em;width:180px;float:left;background-color:#eee;">Adjusted letter-spacing: This text has got letter-spacing value of negative 0.1em.</p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/text/letter-spacing.cfm">Letter spacing</a></p>



Result




 

Normal text: This text does not have its letter-spacing specified. Therefore it uses a default value.

Adjusted letter-spacing: This text has got letter-spacing value of 3 pixels.

Adjusted letter-spacing: This text has got letter-spacing value of 0.1 centimeter.

Adjusted letter-spacing: This text has got letter-spacing value of 0.3em.


Adjusted letter-spacing: This text has got letter-spacing value of negative 1 pixel.

Adjusted letter-spacing: This text has got letter-spacing value of negative 0.05 centimeter.

Adjusted letter-spacing: This text has got letter-spacing value of negative 0.1em.

Letter spacing