Affects Version/s: 7.0.X, 7.1.X, Master
Component/s: Frontend Infrastructure > WYSIWYG
A floated image inserted into a Web Content or Blog has a default margin of 24px, margin-right when floating left and margin-left when floating right. The issue is when there's some large text the margins on the top and bottom can be unequal, so the image will have a left/right space and none at the top and bottom.
Steps to reproduce:
- Create a new Web Content or Blog
- Add a large text and an image
- Align the image to the left/right
- Depending on the text and image size you'll need to press Enter in the beginning/middle of the text in order to reproduce the issue.
Actual Result: Margin applied to the left/right is fixed and may be different from the top and bottom margins. (Attached image)
Expected Result: All the image's margins are equal besides any change in the text.
PS: The default margin exists to prevent lists to overlap the image.