Spaces in HTML

**Qui-Gon John** · 11-20-07, 08:32 AM

I am doing a large line of text, alternating colors, red/geen with the words HAPPY HOLIDAYS. I have a space between each letter, no problem. But I want to insert additional spaces between the 2 words and cant. When I add multiple spaces in my HTML code, I still get just one space.

HELP!!!

**downhill** · 11-20-07, 08:44 AM

Dunno if this is the correct way but I'm sure it works. Use......

Code:

&nbsp;

for each space between the words.

**Qui-Gon John** · 11-20-07, 08:53 AM

Worked, Thanks!

**downhill** · 11-20-07, 09:00 AM

Originally Posted by Qui-Gon John

Worked, Thanks!

**Amro** · 11-20-07, 06:18 PM

Originally Posted by downhill

Dunno if this is the correct way but I'm sure it works. Use......

Code:

&nbsp;

for each space between the words.

Absolutely correct. Browsers strip most white space or it'd be really painful to hand code the stuff.

**Qui-Gon John** · 11-21-07, 06:05 AM

The funny thing is, I did a <font color> then </font> for each letter and in between each group of commands, I included a space, which it did take. But not the several spaces between words, until I used the nbsp command.

**Amro** · 11-21-07, 07:59 AM

Originally Posted by Qui-Gon John

The funny thing is, I did a <font color> then </font> for each letter and in between each group of commands, I included a space, which it did take. But not the several spaces between words, until I used the nbsp command.

Right, if it didn't condense to 1 space, you'd have to put   between every word, that would also be a pain.

**TonyT** · 11-21-07, 09:30 AM

With HTML you can have ONE space between letters or words using the spacebar key, additional spacebar keyings will have no effect, HTML will condense back to one space. Use the non-breaking space HTML entity  .

You can also use CSS to control space between letters and words in pixel amounts, example:

Code:

<p style="font:Arial; font-size:larger; letter-spacing 10px;">This is some text.</p>

Code:

<p style="font:Arial; font-size:larger; word-spacing 20px;">This is some text.</p>

**ghettoside** · 11-25-07, 04:34 AM

Originally Posted by TonyT

With HTML you can have ONE space between letters or words using the spacebar key, additional spacebar keyings will have no effect, HTML will condense back to one space. Use the non-breaking space HTML entity  .

You can also use CSS to control space between letters and words in pixel amounts, example:

Code:

<p style="font:Arial; font-size:larger; letter-spacing 10px;">This is some text.</p>

Code:

<p style="font:Arial; font-size:larger; word-spacing 20px;">This is some text.</p>

lol, you beat me to it Tony.

**Pitter** · 08-30-08, 12:38 AM

Hello........friends
HTML space use this coding

&nbsp;
Thank you
http://www.css-faq.com/

**stevebakh** · 08-30-08, 06:01 AM

Originally Posted by Pitter

Hello........friends
HTML space use this coding

&nbsp;
Thank you

Spam much?

**Amro** · 08-30-08, 02:00 PM

http://www.w3schools.com is better, for future visitors

**stevebakh** · 08-30-08, 02:46 PM

Tony's answer was the correct one. Nobody should ever use space characters to seperate individual letters in HTML. It's a styling issue and should be done via CSS using the letter-spacing property.