Set the Word Spacing
By Stephen Bucaro
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
More CSS Quick Reference:
• Set the Font Variant
• Vertical Align an Element
• position:relative
• Set the Font Slant
• Set an Element's Float
• Set an Element's Display Property
• Context selectors
• Descendant Selector
• Set a Fixed Background Image
• Style the First Line
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
