Как отцентровать картинку в CSS

Для отцентровки картинки в CSS можно использовать несколько способов:

1. С помощью свойства text-align:

<div style="text-align: center;">
  <img src="image.jpg" alt="Картинка">
</div>

2. С помощью свойства margin и auto:

<div style="margin: 0 auto;">
  <img src="image.jpg" alt="Картинка">
</div>

3. С помощью позиционирования:

<div style="position: relative;">
  <img src="image.jpg" alt="Картинка" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
</div>

4. С помощью flexbox:

<div style="display: flex; justify-content: center;">
  <img src="image.jpg" alt="Картинка">
</div>