topic Re: text overflowing div in CMS Development

text overflowing div

Matt1986 — Thu, 22 Nov 2018 20:07:26 GMT

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

Re: text overflowing div

Stephanie-OG — Thu, 22 Nov 2018 23:53:09 GMT

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!

Re: text overflowing div

Matt1986 — Fri, 23 Nov 2018 12:05:00 GMT

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