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;" />

Answer 3

Use padding

#image {border-right: 1px solid #000; padding-right: 10px;}