css - How to create an inline div with same height and alignment as inline input? -

css - How to create an inline div with same height and alignment as inline input? -

i trying create this:

where there div(with checkbox , label) right side of input, aligned , same height (so looks 1 whole box).

here jsfiddle code: http://fiddle.jshell.net/asfo3u97/3/

currently, unable same cross browser. in firefox, jsfiddle illustration above looks fine (everything aligned , same height). however, in chrome, div rightside not aligned. same ios

final solution, using display:table-cell , display:table-row, without padding side div http://fiddle.jshell.net/asfo3u97/8/

css input cross-browser alignment height