text overflowing div

Develop, Build & Integrate CMS Development
1

Hi

i have provided a link to a test page which im working on. i have been creating a custom tabber module and have nearly completed it. My only issue is that a rich text field isnt behaving like i would expect, the text is running off the page rather than dropping down to the next line. im sure its a simple fix, but just cant seem to fix it.

see page here https://www.eurobase.com/-temporary-slug-ac5709ab-7e61-477e-8202-9354321a939d?hs_preview=ixaAwuUy-6491064367

thank you for any help. much appreciated

regards

Matt

2

Hi Matt,

I’m assuming this is the “intro tab text” below:

intro-tab-text.png
intro-tab-text.png2660×1251 358 KB

If you break it into multiple words it should just drop down to the next line. However, if you need to have one big word like the above, you can use the word-break property:

.intro-tab-text {
 word-break: break-word
}

word-break.png
word-break.png2682×1016 277 KB

I hope that helps!

|300HubSpot Design / Development

Website | Contact

If this helped, please mark it as the solution to your question, thanks!

3

Hi

thanks for that. I knew it would be something stupid. I actually didn’t realise that the default wouldn’t automatically force the word to the next line.

Thanks, at least i know from now one

much appreciated!

regards

matt