How to center the images within the divs

Hello there.

I always have the same problem when I want to center something inside a div.

Now, the images aren’t centered. How can I make’em move to the center?

Here is my link: https://codepen.io/rortizv/pen/VwLdaQX?editors=1100

You can center a block (div.mi_image in your case) using the value ‘auto’ on both the left and right margin.

https://www.w3.org/Style/Examples/007/center.en.html#block