how to code a space between words

chuck_w · October 12th, 2009, 05:56 AM

this should be easy but I have a horizontal list of hyper;inks and i wish to insert several spaces between the words as the appear in the browser. how do i do this? I tried using white-space: pre; but this preserves all white space in the div which i don't want.

om_prakash · October 12th, 2009, 08:05 AM

You can use   for each space.

If you want equal spaces between words, then you can use following "style":

Code:

<style>
<!--
.word{word-spacing: 20px;}
.letter{letter-spacing: 20px;}
-->
</style>
<p class="word">You can see words in this line are 20 pixels apart</p>
<p class="letter">You can see letters is this line are 20 pixels apart</p>

chuck_w · October 12th, 2009, 09:17 AM

om,

thanks!

chroniclemaster1 · January 1st, 2010, 02:11 PM

Quote:

Originally Posted by om_prakash

You can use   for each space.

If you want equal spaces between words, then you can use following "style":

Code:

<style>
<!--
.word{word-spacing: 20px;}
.letter{letter-spacing: 20px;}
-->
</style>
<p class="word">You can see words in this line are 20 pixels apart</p>
<p class="letter">You can see letters is this line are 20 pixels apart</p>

Using CSS is the much better of the two solutions. As you can see it merely requires including a class in the element (or a CssClass attribute in a web control). Then all the spacing can be easily controlled from the stylesheet. If you use   it hardcodes the spaces into the design making it difficult to read and maintain later.