How to reduce the space between the image and the text?

Cheers mate.:).!!

Hi there. I have a similar problem that just ocurred after some dev work. The first line of every post is appearing in a wanky position on top of the first photo to the right. Here is an example of the error: https://wondermintkids.com/how-to-make-a-quick-easy-dairy-free-slacker-shake/

The only way I have been able to get the line from disappearing from above the photo is by pasting in this code: above the text in the editor:  

However, that solves one problem but leaves a big pad of white space between the text and photo, which I cannot seem to get rid of. Here is an example of that.
https://wondermintkids.com/raspberry-nutella-wafflewich/

Thanks in advance.

Hi AynCG, Just looked at the first link and found out the problem.
Some text is appearing above the photo because the div containing the photo is float to left in css and the text following the photo is contained in p tag which is not cleared, which is causiing the problem.

Just clear the float by placing a clearing div as:

<div style="clear:both"></div>

after the div containig the photo and all will be good.

Thanks so much. That does seem to work. So does putting this code in:  

BUT, I still have the big pad of white space after the photo, before the text. Looks like it’s about 5 spaces/lines of open space.

Or, am I placing the code you suggested in the wrong place?

Thanks again. https://www.wondermintkids.com

Hi, the space that you are seeing is appearing due to bottom margin applied to p tag in your css file.like this somewhere around 161 line not sure though abt the location.

p{
  0 0 1.5em 0
}

You need to remove this margin to remove the space.

Cheers..:)..