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

Question

[Анатолий]

радио кнопка выравнивается в классе .check_radio, выравнивание идет через margin-top.
Как сделать выравнивание автоматическое по высоте? На примере третьей радио кнопки,
типа: top: 50%; transform: translateY(-50%);

Answer 1

[origami1024]

Это убрать:

.check_radio{
  margin-top: .4em;
}

Это добавить:

.label{
  display: flex;
  align-items: center;
}

Comments

[Анатолий]

При этом решении возникает проблема с переносом, т.е. не br и не display:block не переносят элемент на новую строку, и получается длинная строка, что не совсем то, что нужно ((

[origami1024]

Анатолий, как насчет задать max-width и сделать автоврап, подойдет?
label { max-width:150px; flex-wrap: wrap;}
Добавил в песочницу в ответе еще одним лабелом

[Анатолий]

origami1024, нет это не вариант, пока вынес текст за label потом подумаю, что делать. Ладно, пусть будет так, спасибо.

[origami1024]

Анатолий, ну если ты уточнишь, в каком месте должны быть пробелы, то можно подумать