wrapping text fine tuning

Hi CSS/wordpress gurus! I have been working on trying to get text to wrap around the right side of an image since each post on my site has an image on the left.

I have the following in the css file for the theme I’m using:
‘img {
border: 0px;
}

p img { padding: 0; max-width: 100%; }

img.left {
padding: 4px; margin: 0 7px 2px 0; display: inline; }

.left { float: left }

div.clearer {
clear: left;
line-height: 0;
height: 0;
}’

If I don’t use the clearer, the image creeps into the next post. But the only way the clearer seems to work is by putting:
‘<div class=”clearer”>   </div>’
at the end of the text for each post. Since I read that putting it right after the image is the way it’s supposed to work, am I doing something wrong?

Also, what’s the easiest way to set this up so I don’t have to enter the ‘<div class=”clearer”>   </div>’ and ‘class=”left”‘
with each post? Other than doing a couple custom quicktags, is there a way to set this up so that all posts wrap the text this way?

Thanks in advance for the guidance! The site is https://homefixated.com