how to add space between pictures

How do I add space between pictures that are posted beside it other. I do not have an option for border on my program that I can see.

This topic has been closed for replies.

Correct answer Jon Fritz

A CSS margin setting would be the simplest way:

https://www.w3schools.com/Css/css_margin.asp

You could also use the various setting in CSS Flexbox's Align-Content property:

https://www.w3schools.com/css/css3_flexbox.asp

Community Expert

Review the CSS Box Model.

Nancy O'Shea— Product User & Community Expert

Legend

Depends how you have your images set up.

You could apply a margin directly to the images:

You could add a class to the images:

Then use some css selectors:

.imgLeft {

margin-right: 20px;

}

.imgRight {

margin-left: 20px;

}

You could wrap your images in a container:

</div>

Then use flex to align them:

images {

display: flex;

justify-content: space-between;

}

If you happen to be using Bootstrap you could use the inbuilt classes:

Correct answer

Community Expert

A CSS margin setting would be the simplest way:

https://www.w3schools.com/Css/css_margin.asp

You could also use the various setting in CSS Flexbox's Align-Content property:

https://www.w3schools.com/css/css3_flexbox.asp

Sign up