text overflowing div

[Matt1986]

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-64...

thank you for any help. much appreciated

regards

Matt

[Stephanie-OG · Accepted solution]

Hi Matt, 

I'm assuming this is the "intro tab text" below:

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
}

I hope that helps! 

---

HubSpot Design / Development

Website | Contact

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

[Matt1986]

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