Word Spacing Code

Example Code


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

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



Result

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

Adjusted word-spacing: This text has got word-spacing value of 8 pixels.

Adjusted word-spacing: This text has got word-spacing value of 0.4 centimeter.

Adjusted word-spacing: This text has got word-spacing value of 1em.


Adjusted word-spacing: This text has got word-spacing value of negative 2 pixels.

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

Adjusted word-spacing: This text has got word-spacing value of negative 0.8em.

Word spacing