Ugolnikovvv
@Ugolnikovvv
Junior Frontend-разработчик

Как выровнять img по центру блока?

Нужно выровнять изображение по центру блока. Как это сделать?
<ul>
        <li class="manufacturer">
          <a href="#">
            <img src="image/bosch.png" alt="Bosch" width="126" height="37">
          </a>
        </li>
        <li class="manufacturer">
          <a href="#">
            <img src="image/makita.png" alt="Makita" width="123" height="40">
          </a>
        </li>
        <li class="manufacturer">
          <a href="#">
            <img src="image/dewalt.png" alt="Dewalt" width="146" height="44">
          </a>
        </li>
        <li class="manufacturer">
          <a href="#">
            <img src="image/interskol.png" alt="Интерскол" width="200" height="76">
          </a>
        </li>
        <li class="manufacturer">
          <a href="#">
            <img src="image/hitachi.png" alt="Hitachi" width="169" height="31">
          </a>
        </li>
        <li class="manufacturer">
          <a href="#">
            <img src="image/lg.png" alt="LG" width="121" height="73">
          </a>
        </li>
        <li class="manufacturer">
          <a href="#">
            <img src="image/aeg.png" alt="AEG" width="151" height="98">
          </a>
        </li>
        <li class="manufacturer">
          <a href="#">
            <img src="image/metado.png" alt="metado" width="206" height="73">
          </a>
        </li>
      </ul>

ul {
  list-style-type: none;
  display: grid;
  grid-template-columns: 220px 220px 220px 220px;
  grid-template-rows: 145px 145px;
  gap: 20px;
}
  • Вопрос задан
  • 67 просмотров
Решения вопроса 1
Spartak-2205
@Spartak-2205
Разработка и создание сайтов
li.manufacturer {
	display: flex;
	justify-content: center;
	align-items: center;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы