How to wrap long lines without spaces in HTML?

php html css word-wrap
Chris Bartow picture Chris Bartow · Dec 12, 2008 · Viewed 82k times · Source

If a user types in a long line without any spaces or white space, it will break formating by going wider than the current element. Something like:

HAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHA.............................................................................................................................................

I've tried just using wordwrap() in PHP, but the problem with that is if there is a link or some other valid HTML, it breaks.

There seems to be a few options in CSS, but none of them work in all browsers. See word-wrap in IE.

How do you solve this problem?

Answer

Marcin picture Marcin · Oct 18, 2010

in CSS3: 

word-wrap:break-word

Related questions

Convert HTML + CSS to PDF

I have an HTML (not XHTML) document that renders fine in Firefox 3 and IE 7. It uses fairly basic CSS to style it and renders fine in HTML. I'm now after a way of converting it to PDF. I have tried: …

Read More
how to get the base url in javascript

I am building a website with CodeIgniter, I have various resources that I load with the base_url helper function like this <link rel="stylesheet" type="text/css" href="'.base_url('assets/css/themes/default.css').'" id="…

Read More
How to write specific CSS for mozilla, chrome and IE

What would be the CSS conditional statement you can use to include specific CSS for IE, Mozilla, Chrome. If IE #container { top: 5px; } If Mozilla #container { top: 7px; } If Chrome #container { top: 9px; } What would be the respective 'If's' ?

Read More