Выравнивание img по вертикали и непонятные отступы

[ProJey]

Тренируюсь в верстке, и у меня возникла проблема, у элемента evernote и microsoft в теге .brandline li присутствует непонятный отступ сверху. А так же не удается вертикально отцентрировать логотипы компаний относительно родительских li.

Хочу решить эту задачку без использования absolute,table и без JS.

Это возможно ?

Ссылка на сайт http://university.netology.ru/u/prochan/TANK APP/TANKAPP site/index.html

Ссылка на файл CSS http://university.netology.ru/u/prochan/TANK APP/TANKAPP site/css/main.css

 

[klierik]

Цитата

Тренируюсь в верстке, и у меня возникла проблема, у элемента evernote и microsoft в теге .brandline li присутствует непонятный отступ сверху. А так же не удается вертикально отцентрировать логотипы компаний относительно родительских li.

Это решается так:

.brand-line li {
  line-height: 159px;  // устанавливаем высоту строки равную высоте контейнера
  vertical-align: top; // Выравниваем все LI по верзнему краю
}
.brand-line li img {
  vertical-align: middle; // Выравниваем картинки по-центру
}

[ProJey]

Спасибо, все получилось.