Не могу отцентровать по вертикали radio кнопку и label, как решить проблему?

Всем привет.
Пытался через флексы сделать, но чет флексы на label и input не пашут, хотел от центровать в блоке input и label, при сжатии label переходит на вторую страницу.

А почему флексами отцентровать нельзя? по вертикали.

Саму проблемы нашел, если добавлять line-height: 14px;, то все идет криво если label в одну строку, если делается в две то ровно выглядит. если убрать line-height, то все ровно, но сам текст в label он широкий слишкоv, когда на вторую строку переходит, а я сузить хотел расстояние.

.ac-custom label {
  display: inline-block;
  position: relative;
  padding: 0 0 0 42px;
  vertical-align: top;
  cursor: pointer;
  line-height: 14px;
  font-size: 14px;
  color: #202226;
  font-weight: 600;
}


Рабочий пример тут:
https://jsfiddle.net/scayjzdq/3/
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы