Как использовать label с кастомным checkbox?

Question

[dhat]

Есть симпатичный чекбокс. Проблема в том, что когда я использую label для опрделения названия чекбокса, он его ломает. Как починить и правильно его использовать? Такая мелочь, а столько геммороя))

codepen.io/dhatt/pen/WGXwzw?editors=1100

Answer 1

[iBird Rose]

ну тк вставь туда спан и стилизуй
codepen.io/anon/pen/JROXxm?editors=1100

Comments

[dhat]

Ок, но текст не поднимается вверх. Как его подровнять теперь?

[iBird Rose]

dhat: position: relative; top: -1px; для спана

Answer 2

[Grigory]

codepen.io/Grigory90/pen/ORONdV

Comments

[dhat]

А как текст подправить на пару пикселей вверх?

[Grigory]

dhat: codepen.io/Grigory90/pen/ORONdV

[dhat]

Grigory S.: ну так а КАК это сделано?

[dhat]

Где там в тексте CSS этот параметр?

[dhat]

КАК МНЕ РЕГУЛИРОВАТЬ ПОДЪЕМ И СПУСК ТЕКСТА???

[dhat]

Нашел вертикал эллайн, спасибо))