html - How to prevent text from overflowing in CSS?

Question

How can I prevent text in a div block from overflowing in CSS?

HTML:

<div>This div contains a VeryLongWordWhichDoesNotFitToTheBorder.</div>

CSS:

div {
    width: 150px;
    /* what to put here? */
}

Answer 1

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.