I am wanting to wrap text around my image in WordPress. I am using the latest update and I click on the image, align it left or right and it looks good in the editor. When I preview my site the text is not wrapping fully around it as it was shown in the editor. See photos.
I do not know much about CSS but, I have tried searching forums and i inserted this

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

in “additional CSS” under Appearance customizer.
Nothing changed once adding in this code.

Any help would be great, I don’t understand the difference between what the editor shows and the actual website.