I often use images inline in text paragraphs and then float/position them to different sides (left, right) of the text block so that the text sort of wraps around them (in a blocky way). There currently doesn’t seem to be a way to create inline elements/components within Elements. I know this is a …

Hmmm, cc’ing in @ben for advice on the best way to achieve this. Wondering if we’d need to build a separate component to handle this :thinking:

Hopefully just some css. Inline would be used a lot.

I have already thought about doing something with CSS Shapes, and I do think we can do something pretty nice with that. There’s nothing in Elements just yet for that as it’ll take some time to work out all the details, but I think it’s definitely doable :slight_smile: We can for sure add a new comp…

Ideally it wouldn’t required a different component. I think the text/paragraph component and the image component are by far going to be the most complex and critical components in Elements. Asking users to learn and remember which of many image or text components to use when and where is only going…

Just wondering what the best way to achieve this float effect in Elements? Specifically I’m interested in having an image with a block of text wrapping around it which adjusts depending on the size of the image and the breakpoint. I’m not sure if this is possible yet?Many thanks!

[image] Columns float light version toolboxComponent Development Hi @paulcruice , Here’s the changes you requested via email, I’ve added them to this project . [CleanShot 2025-03-03 at 11 .29.29@2x] And here’s a quick video of it in action… Hope t…

The problem with trying to roll this into the existing Text component is that you then don’t get the Typography capabilities. For my use case, I would want to be using a typography component to wrap around an image, as it is a lot better at handling long-form text. Does this mean there would need t…

We have both the Flex and Grid components that offer a lot of layout options, however, we don’t have any type of built in “wrap text around an image” feature. However, you could definitely achieve this with either some custom CSS or a Custom Component :slight_smile:

Just wondering if there is a solution to having text (inline text?) wrap around an image and then for this to be responsive. I’ve seen something about float left or float right, but not sure how to implement this. Text wrapping around an image can look really good. Thank you

Maybe third-party developers can sell components for this ?

Inline elements and image wrap

Elements

upssjw (Steve W) September 20, 2025, 8:27pm 7

Dans float for now