Long texts causing responsive issues

How would you solve a problem where long text prevents the container width to go smaller and thus create an horizontal scrollbar on small devices, like in this page:

I hoped word-wrap:break-word would help but it didn’t, ideas?

I’m confused - where did you apply word-break:break-word? I put it on the <article> and it works as expected.

[fyi only]
I don’t know who’s right, but FF wraps continuously with no scroll bar, whereas Chrome and Opera stop wrapping and trigger the scroll bar. Haven’t tried IE.

You need the table-layout:fixed algorithm.


Words will only break in this model when in table -cells.

Thanks paul, that does it.