CSS center any image in div

Question

Lets say I have div with width: 300px and height: 200px
I want any image inside this div to be centered both horizont

Answer 1

Try this

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