Welcome to Bucaro TecHelp!

Bucaro TecHelp
HTTPS Encryption not required because no account numbers or
personal information is ever requested or accepted by this site

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

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

More CSS Quick Reference:
• Use an Embedded Style Sheet
• CSS background-origin Positions Background
• Descendant Selector
• Set the Background Properties
• Use Image for List Item Bullets
• Set the Word Spacing
• Use an External Style Sheet
• Set the Letter Spacing
• Set the Font Style
• CSS background-clip Property

RSS Feed RSS Feed


Follow Stephen Bucaro Follow @Stephen Bucaro



Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2018 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268