如何将div内的img对齐？

<div>
  <img src="image.jpg" alt="example image" class="align-image">
</div>

.align-image {
  display: block;
  margin: 0 auto;
}

<div class="image-container">
  <img src="image.jpg" alt="example image">
</div>

.image-container {
  display: flex;
  justify-content: center;
}