Wrap text around an image


#1

I am trying to wrap text around images. Here is an example post with an image: https://www.merlinguides.com/blog/salesforce-interview-with-kevin-chiles/

I swear that I had done this and it worked (this would have been ~2 months ago) but I’ve just gone back and checked and now all images are center aligned with no wrapping.

I have been using something like this:
<IMG alt="TITLE" SRC="link.png" style="align: left; float: left; padding-right: 20px; padding-bottom: 10px; padding-top: 10px; width: 200px"/>

When I’m in the preview mode it shows the image aligned with wrapping, but then when I publish the post the wrapping is lost.

I think it might be a CSS issue (we are using a custom theme that one of our engineers created and added into ghost)

Any tips or insights on this?


#2

@Ayla the problem is that the .kg-card-markdown class has the display: flex style. Floats are completely ignored inside of a flex container, if you want to use floated elements you’ll need to re-jig your content container to not use flexbox.


#3

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.