Как выровнять картинку в блоке CSS

Для выравнивания картинки в блоке CSS можно использовать свойство «text-align» и задать значение «center» для выравнивания по центру. Например:

<div class="block">
  <img src="image.jpg" alt="Image">
</div>

.block {
  text-align: center;
}

Также можно использовать свойство «display» и задать значение «flex», а затем использовать свойство «justify-content» и задать значение «center». Например:

<div class="block">
  <img src="image.jpg" alt="Image">
</div>

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