How to use CSS: word-wrap

Share this post!

Vote this!

Word wrap is an almost obscure CSS property. It's rarely used, but it can save your day sometimes. So, to get to the point, which one of the two following boxes do you prefer?

Definitely the second one.

The two divs

Styling the two boxes is very simple. First of all, let's create two consecutive divs and assign them two classes. The first div will have a class called without_word_wrap, the second with_word_wrap. I'm sure you have noticed how inventive I am in assigning classes. But that's how we should do to remember what the class is actually doing.  More...