Image center align 3

fixed height; display inline-block

by Mysterious

HTML

<style>
section {
  height: 500px;
  border: 1px solid;
}

section {
  position: relative;
}

.img-container {
  position: absolute;
  top: 50%;
  left: 50%;
}

img {

}

</style>

<section>
  <div class="img-container">
    <img src="https://via.placeholder.com/150x100" />
  </div>
</section>