Как выровнять стрелки?

Question

[olya_097]

по центру
чтобы не зависело от размеров
если вдруг нужно будет поменять размеры

https://jsfiddle.net/8t20hrLs/1/

Answer 1

[iBird Rose]

Comments

[olya_097]

iBird Rose, спасибо
по вертикали вроде не совсем по центру
по горизонтали - все ок

[iBird Rose]

olya_097, по центру. исходя из того как ты сделал стрелки:

[olya_097]

iBird Rose, а как поправить?

[iBird Rose]

olya_097, ну учитывая, что данный вариант как раз так и идеально ровный, то что именно вы хотите поправить?
к примеру Антон через margin-top: 2px подогнал в своем ответе.

[iBird Rose]

olya_097, главная проблема тут из-за rotate. поэтому я бы стрелки сделал через svg к примеру. тогда блок с иконкой будет ровный и выглядеть тоже будет ровно

Answer 2

[Антон]

Вот исходя из того варианта, который указан в вопросе: