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

Set the Line Spacing

You might set the line spacing different than the default setting when you need the text to fill a predefined area. Use the line-height property to set the space between lines. You can increase or decrease the line spacing.

Shown below is the default spacing between lines.

This is the default spacing between lines.
This is the default spacing between lines.
This is the default spacing between lines.

Shown below is the Line-height set to 8 pixels. Obviously this is a bit to small, but it's just an example.

<p style="line-height:8px;">
This is decreased spacing between lines.<br />
This is decreased spacing between lines.<br />
This is decreased spacing between lines.</p>

This is decreased spacing between lines.
This is decreased spacing between lines.
This is decreased spacing between lines.

Shown below is the Line-height set to 30 pixels. This might be a bit to much line spacing.

<p style="line-height:30px;">
This is increased spacing between lines.<br />
This is increased spacing between lines.<br />
This is increased spacing between lines.</p>

This is increased spacing between lines.
This is increased spacing between lines.
This is increased spacing between lines.

You might set the line spacing different than the default setting when you need the text to fill a predefined area. But since you may not know the default spacing between lines, you may need to experiment with different values.

More CSS Quick Reference:
• Set an Element's Margin
• Set a Background Image's Position
• How to Use a CSS ID Selector
• Context selectors
• Define CSS Rollover Effects
• Set a Background Image
• Set the Letter Spacing
• Use an External Style Sheet
• Set an Element's Clipping
• Set the Text Alignment

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