Для отцентровки картинки в CSS можно использовать несколько способов:
- С помощью свойства text-align:
<div style="text-align: center;">
<img src="image.jpg" alt="Картинка">
</div>- С помощью свойства margin и auto:
<div style="margin: 0 auto;">
<img src="image.jpg" alt="Картинка">
</div>- С помощью позиционирования:
<div style="position: relative;">
<img src="image.jpg" alt="Картинка" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
</div>- С помощью flexbox:
<div style="display: flex; justify-content: center;">
<img src="image.jpg" alt="Картинка">
</div>