Text Spacing Problem

[IncrediBody]

If you look at http://www.musclewithoutsupplements....roducts_id=185 you will notice there is a text spacing problem. Some words look like they have 2 spaces between, while some have a single space (which is how it is supposed to be). Anyone know why this may be?

[seethrou]

Refer to the topic below, see if it helps.
Changing the Double Space

.

[IncrediBody]

Thanks for the reply. The post you referred me to looks like it deals with double spacing between lines. My problem is sometimes there will be double spacing between words. All of a sudden there will be 2 spaces between words instead of a single space. Any other ideas?

[seethrou]

It is normal for you are using justify for the paragraph. It will try to put the "non-break words" as many as possible into the lines. But when there are not possible, it just wrap the line (line break) and insert spaces as many as possible for the display evenly.

<p align="justify">
   <b>
   <i>I always recommend regular, non-powdered foods...</i>
   </b>
   <b>
   <i>
   </i>
   </b>
   <b>if the protein powder you currently use contai...</b>
   <br/>
   <br/>
</p>

[IncrediBody]

Thanks for pointing that out. I do notice that even in places where it is not justified, the same thing is happening. An example is on http://www.musclewithoutsupplements....roducts_id=184

Scroll down to the bottom just above the two pictures where it says "Your satisfaction is guaranteed!" There is clearly more than the usual spacing there. I searched my stylesheet for the term "justify" and did not find anything there that may be causing the problem. Any further ideas as to why this may be happening?

[Rowan]

It's the same thing you see in newspapes and magazines, it's imply caused by full-justification.

In your stylesheet, search for a line similar to this: text-align: justify.

Either delete the line, or change it to: text-align: left.

[IncrediBody]

It's fixed. I changed the part in the stylesheet that said

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
text-align:justify;
}

to:

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
text-align:left;
}

Thanks for your help!