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:
• Set The Cursor Style
• nth-child Selector
• Set a Background Image's Position
• Set the Background Properties
• Use Inline Style
• Set the border-collapse
• Set the Font Size
• Set an Element's Overflow
• Set an Element's Padding
• Set the Border Style

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-2019 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268