You might set the letter 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 letter spacing. Use the CSS letter-spacing property to set the space between letters.
Welcome to Bucaro TecHelp!

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

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

Victims of Sandy Hook

Stop the Slaughter of Innocents. Congress is bought and paid for by gun lunatics and gun promotion groups. If you want to live in a safe America, help buy Congress back for America. Send a donation to Mayors Against Illegal Guns, 909 Third Avenue, 15th Floor New York, NY 10022

Set the Letter Spacing

Use the CSS letter-spacing property to increase or decreases the space between letters. You might set the letter 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 letter spacing.

Shown below is the default spacing between letters.

BIG SALE

Increase the letter spacing to get attention. Shown below is the letter-spacing set to 4 pixels.

<p style="letter-spacing:4px;">BIG SALE</p>

BIG SALE

Decrease the letter spacing to create an over-lapping effect. To decrease the letter spacing less than the default setting, use a negative value. Shown below is the letter-spacing set to -4 pixels.

<p style="letter-spacing:-4px;">BIG SALE</p>

BIG SALE

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

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

RSS Feed RSS Feed


Follow Stephen Bucaro Follow @Stephen Bucaro


Web Design Sections

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