Как сделать по центру чекбокс и текст рядом?

Question

[megazvero]

независимо от количества текста
https://jsfiddle.net/7ey1cmqb/

Answer 1

[Ankhena]

Если имелся в виду вертикальный центр https://jsfiddle.net/uedjfcLq/
галочку сами поднимите по аналогии

Comments

[megazvero]

Ankhena, да
спасибо
но почему когда добавляю еще итем - будет не в один уровень?
не совсем понятно
https://jsfiddle.net/twznfga6/

[Ankhena]

megazvero, потому что вы забыли вертикальное выравнивание. Например, раз у вас флексы, то align-items: center;

[megazvero]

Ankhena, точно
насчет галочки
так она вразных случаях на разных высотах
тоесть можете для примера кликнуть на первый элемент и второй
тоесть тут по идее не только в выравнивании дело
https://jsfiddle.net/9vf7jspm/1/

[Ankhena]

megazvero, я же сказала сделать ее по аналогии, а не задать фиксированный в пикселях top.
Рамка для наглядности https://jsfiddle.net/2y6bu8Lq/

[megazvero]

Ankhena, извините
а зачем там transform-origin: center;
без него все ок вроде

[Ankhena]

megazvero, а, забыла убрать