html - Trying to move image to center

Question

This question already has answers here: question from:https://stackoverflow.com/questions/65557382/trying-to-move-image-to-center

Answer 1

Center an Image

.img-container-block {
  text-align: center;
}

.img-container-inline {
  text-align: center;
  display: block;
}

<!-- Block parent element -->
<div class="img-container-block">
  <img src="http://res.cloudinary.com/wfdns6x2g6/image/upload/v1509007989/user_psolwi.png" alt="John Doe">
</div>

<!-- Inline parent element -->
<span class="img-container-inline">
  <img src="http://res.cloudinary.com/wfdns6x2g6/image/upload/v1509007989/user_psolwi.png" alt="John Doe">
</span>