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

Question

[Денис]

Задача: выравнивать элемент по центру строки (первой строчке текста).
Шрифт может меняться от 8px до 26px.
Думаю, что нужно привязываться к line-height, но пока не понимаю как.


В данном случае элемент "чекбокс" должен встать по центру линии:

Comments

[Евгений]

Покажите код как делали

[alex]

при чем тут вью?

Answer 1

[Максим Тимофеев]

Я спросил у ясеня, как центрировать маркер списка, а ясень и ответил мне >>>
если коротко ясень предлагает:

ul li {
  background: url("marker.png") no-repeat left center;
}

Кстати у ясеня есть и другие варианты. Да и тополь знает кучу >>>

Answer 2

[Ankhena]

Вариантов полно.
vertical-align для инлайн-блоков, флексы, позиционирование, используя единицы измерения шрифтов и т.д.

Вот пример, делала для соседнего вопроса на другую тему. Но он удачно и сюда подходит.