Как выравнять такой элемент?

Question

[unlik]

Иконка сделана при помощи
.login:before {
content: url(img/login.png);
padding-right: 10px;
}

Но по вертикали она чуть выше, чем текст. Как выравнять правильно?

Comments

[Евгений]

Идеально можно выровнять с помощью атрибута position

[unlik]

toxic-toster, тогда и текст двигается

[unlik]

Евгений, похоже единственный выход, но не уверен что верный

[Евгений]

unlik, ну я видел только такие способы выранвнивания иконок...

[Ankhena]

1. Флексами
2. Позиционированием
3. Отступами у псевдо, только в блочный не забудьте перевести
4. Переделать на фон у псевдо и использовать bg position
5. Вообще отказаться от псевдо и просто использовать bg и bg position
6. Отредактировать картинку
7. vertical-align

наверное еще что-нибудь..

Answer 1

[Константин Подыганов]

Попробуй font-size уменьшить

Comments

[unlik]

Не помогло