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

Question

[Даниил Емелин]

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

Пример того, что требуется ниже:

Подскажите, пожалуйста! Заранее спасибо :)

Answer 1

[alex]

.icon {
  vertical-align: middle;
}

Comments

[Даниил Емелин]

С этим свойством ещё иконка сдвигается ещё ниже :(

[alex]

danny_kotov: попробуйте другое значение, можно в px или em. вы же код не кидаете, я хз что там у вас

[Сергей Горячев]

danny_kotov: Балбес, потому что. Сделай фиддл и покажи код, хз, как ты там делаешь. :\

Answer 2

[V Sh.]

Используйте CSS-свойство inline-block и vertical-align: middle на контейнере.
UPD: и на объекте внутри контейнера stackoverflow

Comments

[alex]

почитайте

[V Sh.]

Alex: спасибо за статью, конечно, но может вы напишите, что не так с решением, чтобы я не искал, где оказался не прав?

[alex]

V Sh.:

vertical-align: middle на контейнере

vertical-align выравнивает сам элемент, а не его содержимое(кроме случая, когда у вас таблицы). поэтому применять его нужно непосредственно на выравниваемый элемент, а не на его контейнер.

[V Sh.]

Alex: Да, спасибо. Так и думал. Просто забыл дописать, что свойства пишутся на оба элемента: и на контейнер, и на иконку.