innerHTML text overflowing container

I’m having an issue that’s probably pretty easy to fix but can’t find the answer online! I have a div that is a container with a max-width: 35% then I have a div inside of that one with max-width: 100% and width: 100%. The inner div has a class name of .sectioned-text.

Then I have a Javascript event handler that takes text from a textarea and using innerHTML adds the text to the inner div. The issue is that the text is overflowing the parent div and I can’t seem to keep it contained. I’d love to hear some suggestions on how to fix it! Thanks :smiley:

Hello try this in your css

your_inner_div {
word-wrap: break-word;
}

Works perfectly, thank you!!

1 Like

No worries :slight_smile: