Can I prevent text in a div block from overflowing?

html css overflow
Gjr picture Gjr · Jul 22, 2009 · Viewed 284.2k times · Source

Can I prevent text in a div block from overflowing?

Answer

Amalgovinus picture Amalgovinus · Sep 24, 2010

If you want the overflowing text in the div to automatically newline instead of being hidden or making a scrollbar, use the

word-wrap: break-word

property.

Related questions

HTML: How to create a DIV with only vertical scroll-bars for long paragraphs?

I want to show terms and condition note on my website. I dont want to use text field and also dont want to use my whole page. I just want to display my text in selected area and want to …

Read More
Div height 100% and expands to fit content

I have a div element on my page with its height set to 100%. The height of the body is also set to 100%. The inner div has a background and all that and is different from the body background. This works …

Read More
CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue

Suppose you have some style and the markup: When you view this. The <ul> has a scroll bar at the bottom even though I've specified visible and hidden values for overflow x/y. (observed on Chrome 11 and opera (?)) …

Read More