How to break text inside a parent div with white-space:nowrap in CSS?

Question

I am struggling to break the text inside a parent div with white-space:nowrap. The property word-wrap:break-word for anchor is not working. I created a JSFiddle.

Answer 1

All you need to do is add a different white-space rule for your div a block.

Example:

#viewed_products div a {
    white-space: normal;
}