Inline text line breaks

Design help General
1

Hey there,

Need help with my text block: I don’t understand why it doesn’t break the line to move the word that doesn’t fit in the block to the next line.

(I want the word “shipments” to be on the next line basically since it doesn’t fit in the block)

image
image1920×1035 96.3 KB

image
image1920×882 57.1 KB

The airline names are dynamic from CMS and it works fine for the airlines that have 2 words in their name, but not with the ones that have 1 word, e.g. these ones are fine:

image
image1920×888 66.6 KB

image
image1920×941 67.6 KB

Please help me set this up properly :sweat_smile:

Here is my site Read-Only: Webflow - Cargo One GmbH

2

Have a look at the wrap settings on your containing element.
That seems to match what you’re looking for.

image
image1920×979 100 KB

3

thanks Michael! i swear i was playing with those but somehow still wasn’t getting the needed result, but tried again now and it works indeed :folded_hands:

4

It can be tricky since you are splitting the elements for your CMS linking. But it looked right at my quick test.

Usually what I aim for is to get the most natural flow possible, which usually looks like;

DIV containing div, simple block ( no flex or grid )  
   DIV text part - set to inline 
   DIV text part - set to inline 
   DIV text part - set to inline

But wrap gives you plenty of control.