Как отцентрировать текст внутри псевдоблока?

Question

[gimlen]

Непонятно, почему не работает. М.б. я туплю, но в моей голове все должно было работать. Пробовал и флекс, но ничего. Единственное что помогло — position relative и absolute и центровка top, right, left, bottom, +-50 +-1em. Но тут тоже почему-то криво выходит. Без 1em так вообще все плачевно. Спасибо, что разрешили мой тупняк.
https://jsfiddle.net/9ekryudg/

Comments

[gimlen]

https://jsfiddle.net/9ekryudg/4/ Ну вот типо, как только ёё по вертикали выровнять?

[Ankhena]

gimlen, начните с того, что вытащите лого из списка. Лого это не элемент меню, но может быть включен в nav.

Ну вот типо, как только ёё по вертикали выровнять?

Проще всего флексами.
https://html5book.ru/css3-flexbox/#align

Answer 1

[Thomas Laybe]

.logoli{
display: block;
font-size: 32px;
width: 60px;
height: auto;
text-align: center;
background-color: #4A4DC7;
border-radius: 5px;
padding:5px 0 10px 0;
}