Почему не работает vertical-align middle?

Question

[timtimIT]

Здравствуйте.

Подскажите пожалуйста,

Почему не работает vertical-align middle?

Вот код

Answer 1

[HamSter]

1.
+

.hover:before {
  content:'';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0px;
}

Comments

[timtimIT]

с ховером в коде ошибки такой нет... второе не работает.

[Василий]

timtimIT: inline-block не со всеми наборами шрифтов работает, проще выравнять сам span относительно родителя или же использовать display:table-cell;

[timtimIT]

xnscripter Спасибо. Это ответ!)

Answer 2

[trevoga_su]

используй flex и забудь vertical-align как страшный сон

Answer 3

[Zhainar]

ну вот работает
https://jsfiddle.net/m8L2bx0t/1/