Use the CSS word-spacing property to increase or decreases the space between words. You might set the word spacing different than the default setting when you need the text to fill a predefined area, or when you want to add an attention-getting effect. You can increase or decrease the word spacing.
Welcome to Bucaro TecHelp!

Welcome to Bucaro TecHelp!
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

[About BTH]  [User Agreement]  [Privacy Policy]  [Site Map]  [Contact Form]  [Advertise on BTH]  [News Feed]

Google
Web
This Site
Your Ad Here!
Your ad here for one full year, only $20. Send me your ad copy, up to six lines, I'll post it ASAP. After you inspect your ad online, you can pay through PayPal.
Click here for more information.

Set the Word Spacing

Use the CSS word-spacing property to increase or decreases the space between words. You might set the word spacing different than the default setting when you need the text to fill a predefined area, or when you want to add an attention-getting effect. You can increase or decrease the word spacing.

Shown below is the default spacing between words.

BIG SALE TODAY

You can increase the space between words. Shown below is the word-spacing set to 10 pixels.

<p style="word-spacing:10px;">BIG SALE TODAY</p>

BIG SALE TODAY

You can decrease the space between words. To decrease the space between words, you can use negative values. Shown below is the word-spacing set to -10 pixels.

<p style="word-spacing:-10px;">BIG SALE TODAY</p>

BIG SALE TODAY

Because the word-spacing property is inherited, you may need to set it to the value normal to return the word spacing to default in a child element. Shown below, the word spacing for the div is set to 10 pixels, but the word spacing for the span within the div is set to normal.

<div style="word-spacing:10px;">These words are
<span style="word-spacing:normal;">
These words are spaced normally</span>
spaced 10 pixels</div>
These words are These words are spaced normally spaced 10 pixels

Earn $1 to $5 to complete survey

Web Design Sections
CSS Quick Reference
Use Inline Style
Use an Embedded Style Sheet
Use an External Style Sheet
CSS Units of Measurement
Specifying Color
Set the Text Color
Set the Text Alignment
Set the Letter Spacing
Set the Word Spacing
Set the Line Spacing
Highlight Text
Indent the First Line of Text
Set the Text Decoration
Set Text Justification
Set the Font Family
Set the Font Style
Set the Font Boldness
Set the Font Size
Set the Font Variant
Style the First Letter
Style the First Line
Set the Background Color
Set a Background Image
Set a Background Image's Position
Set a Fixed Background Image
Set the Background Properties
Set the Border Properties
Set the Border Style
Set the Border Width
Set the Border Color
Set an Element's Margin
Set an Element's Padding
Set an Element's Clipping
Set an Element's Overflow
Set an Element's Position
Set an Element's Float
Color the Scrollbar
Set an Element's Overlap
Set an Element's Visibility
Vertical Align an Element
Define CSS Rollover Effects
Web Designer's Reference
[Site User Agreement]  [Advertise on This site]  [Search This Site]  [Contact Form]
Copyright©2001-2007 Bucaro TecHelp P.O.Box 18952 Fountain Hills, AZ 85269