How to create a margin around an image?

There are two way’s you can this.
the easy way is to put this at the bottom of your theme’s stylesheet: style.css

img {
padding-top: 0px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}

But there are already some styles for your images declared in your stylesheet. Only I think the template files have been altered so the styles are not applied. Can you tell me the name of your theme for the somewhat harder but better solution.

@lspeirs:
adding styles like this:

img.alignleft { margin-right:10px; }

to style.css of the theme might help.

@keesiemeijer:

name of theme:

Theme Name: Socrates

Theme URI: https://www.socratestheme.com

Description:  Premium WP Theme with Advanced Customization Features

That is not a free template (I think). so I cannot look in to it

just add following line in .alignleft class(line no.50) in style.css(under wp-content/themes/socrates/style.css):

margin:0 10px 10px 0;

aaagh so its an issue with my theme, not wordpress itself

ok I had better ask my theme provider (Socrates) how to edit the style.css file

thanks folks for your help ??

Once the picture is inserted in the post you can go back and edit the properties (same place as the size is adjusted) in Advanced Settings >>Image Properties – space can be added vertical and horizontal in pixels, just put in the space you want – note: it puts space on both sides, but you you can then go in the line just above where the space is put in and set one side to zero if you only want space on one side.

Yes it is on a picture by picture basis – but works for me.