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

Use word-wrap Property to allow Line Breaks in the Middle of Words

If a long word is in a containing element that has a set width, since the word has no convienent spaces for a natural line break, the word will extend outside the containing element as shown below.

Pneumonoultramicroscopicsilicovolcanoconiosis is a lung disease caused by inhaling very fine ash and sand dust.

To allow line breaks in the middle of words, add the CSS word-wrap property and set its value to break-word. An example of the code for this is shown below:

<div style="width:200px; border:1px solid #000000; word-wrap:break-word;">
Pneumonoultramicroscopicsilicovolcanoconiosis is a lung disease caused by inhaling very fine ash and sand dust.

The default value of the word-wrap property is normal.

More CSS Quick Reference:
• Vertical Align an Element
• Set List Bullets Position
• Set the Text Alignment
• Use an External Style Sheet
• Set an Element's Clipping
• Set List Properties
• Set the Font Slant
• Set the Border Width
• CSS Units of Measurement
• Set a Fixed Background Image

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