Keep text aligned vertically on a Checkbox Input

Question

I want to keep my text aligned vertically on a checkbox input, but when larger labels are added the text will drop a line, ending up below the checkbox.

See screenshot: http://prntscr.com/hb7ow2

Is there any way to keep the text aligned as shown in the second screenshot?

I'm pretty sure this is a duplicate of a fairly recent question, but I can't seem to find it. — Mr Lister, Nov 16 '17 at 13:01

score 0 · Answer 1 · answered Nov 17 '17 at 14:52

0

I fixed it, for future reference for anyone reading this: target the checkbox (I used :before), position as absolute, position accordingly, wrap label in a span tag, add a margin-left, finally add spacing to your suiting.

answered Nov 17 '17 at 14:52

Adam Hilditch

15
2

Keep text aligned vertically on a Checkbox Input

1 Answers1