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

Question

[Николай Угольников]

Нужно выровнять изображение по центру блока. Как это сделать?

<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;
}

Comments

[Spartak (Web-StyleStudio)]

Где код?

[Николай Угольников]

Spartak (Web-StyleStudio), прикрепил

Answer 1

[Spartak (Web-StyleStudio)]

li.manufacturer {
	display: flex;
	justify-content: center;
	align-items: center;
}

Comments

[Николай Угольников]

А как выровнять вертикально?

[Spartak (Web-StyleStudio)]

Николай Угольников,
Обновил ответ