Div text not word-wrapping.

Hi there,

I got a new question for you.
I’m working on the first page with your builder, but I have an issue with wrapping of text.
https://www.treatwell.nl/info/schoonheidsspecialiste/
On this page in the white row, just below the header picture I have two columns, and in the left column i’ve put some text. But this text is overflowing over the right column. Or in other words not wrapping within the div.

If I add this to the css:

div {
word-wrap: break-word;
}

The text does wrap within the div, but then the line is breaking off mid-word. Which is not ideal.
What is going wrong, and how can I fix this so it will work correctly everywhere (other templates too)?

Thanks in advance.

Robert

Oh sorry, fixed already. I just need to add the text in ‘text’ mode instead of ‘visual’ mode.

Hey Robert,

Did you somehow managed to find a fix for this? I’m seeing 2 columns of text on the page as of now and they’re not overlapping each other.

Ben

Hey Robert,

Sorry, didn’t see your reply as I have had this thread opened on a tab on my Chrome but got busy with other threads. I need to get the habit of refreshing the page before replying! Anyway, you don’t need to do that unless you’re copying text from another source. The ‘Visual’ mode tends to copy all formatting as well which might cause issues.

Glad you figured it out and thanks for sharing the cause!

Ben