How can I make text appear on next line instead of overflowing?

word-wrap: break-word

But it's CSS3 - http://www.css3.com/css-word-wrap/.

Just add

white-space: initial;

to the text, a line text will come automatically in the next line.