I’m missing something really simple… but it drives me crazy.
I want to mimick imessage bubbles. I have a problem with word-wrapping, word breaking, overflow-something, and I can’t find the trick.
You’ll see on the image and shared site that breaking line causes a large amount of unwanted space in de
div. I tried pretty much everything with no success…
Don’t know how familiar your with Webflow, css and custom code but try adding this css word-break: break-all;
to your element. It won’t show inside designer you need to publish fot it to work.
If you put the CSS inside of a Custom Code component (in the viewport), then you can see the effects right in the Designer.
you can add a hyphen property with value auto to add a hyphen when the words break. The language must be defined in the browser settings, and what’s breaking must be a word in its dictionary.
