css - Avoid word breaking on first line with CSS

Question

I have some trouble with a container that has comments of users.

What it looks like:

Firstname Lastname -
Aenean lacinia bibendum nulla sed consectetur.
Fusce dapibus, tellus ac cursus commod risus.

What I want to change it to:

Firstname Lastname - Aenean lacinia bibendum
nulla sed consectetur. Fusce dapibus,
tellus ac cursus commod risus.

So the text will continue on the first line until its out of space and then it will go on new line to continue.

jsFiddle: jsfiddle.net/qhY34/7

Answer 1

Use word-break: break-all;

instead of word-wrap: break-word;

jsFiddle: http://jsfiddle.net/qhY34/8/