Centering an image within a div

Question

I have already set the border of an image within a div to be none. I now want to center that image within its containing div. I have tried using the mar

Answer 1

After many exhaustive tries to center align an image in a div (vertically and/or horizontally), I understood the following.
To vertically center align an image in a div.

.div {
 display:flex;
justify-content:center
}

To horizontally center align an image in a div.

.div {
display:flex;
align-items:center;
}

To center both vertically and horizontally an image in a div, there are 2 options (1)

div {
display:flex;
align-items:center;
justify-content:center;
}

(2)

.div {
display:flex
}

.div > img {
margin: auto
}