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:
http://petpal.co.il/news-156
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.
#wrap{table-layout:fixed}
Words will only break in this model when in table -cells.
Thanks paul, that does it.