Centering Images using CSS

Put images inside a div

In this case I put 2 images in one div and one image in the second div making sure the width of the div match the width of the content

Use display: block;
"block" -- This value causes an element to be rendered as a block element, with border features, that occupies a new line.

Then use margin-left: auto; and margin-right: auto;

In this case the margins are the margins of the parent element, the container.

Image borders

Placing a border around images makes them standout and feel anchored in place... I used a white border for more contrast with the red background... In video graphics red and black clash horribly and cause moire effects...

Look under the hood, try adding another flower picture the url/path is "centerimage/pam4.jpg"