how do i put a space between my image and its border?

Question

I want to put a space between my image and it's border.

What is the best way to do this?

Answer 1

You can use Padding in your style attribute or CSS class.

Answer 2

Padding allows you to control the space between your image and its border. Padding is just one piece of a larger concept, the CSS Box Model, which includes the content, padding, border and margin. I encourage you to check it out!

The CSS required in your case would be of the form:

<img src="foo.jpg" style="padding:10px;" />