Padding around images can sometimes be difficult because the rich text editor puts images inside a <p> tag.
There are several approaches to overcome the space added after the image:
- Edit the block in the back-end to remove the <p> tags. (This will be added back again if you edit the block again in the rich text editor.)
- Use a ‘code’ block instead of a text block. Add a table with a single row and and single cell with an image in it.
- Change the margin-bottom of the <p> tag by defining a style in the Floe template and adding a class to the <p> tag around the image.