如何创建与内联输入具有相同高度和对齐方式的内联div？

Question

我目前正在尝试创建这样的内容：

在输入的右侧有一个div（带有复选框和标签），正确对齐并具有相同的高度（因此它看起来像1个整箱）。

这是一个带有我的代码的JSfiddle：http://fiddle.jshell.net/asfo3u97/3/

目前，我无法看到相同的跨浏览器。在Firefox中，上面的JSfiddle示例看起来很好（一切都是对齐的并且高度相同）。但是，在Chrome中，右侧的div未正确对齐。与iOS相同

Answer 1

最终解决方案，使用display：table-cell和display：table-row，没有为div提供额外的填充 http://fiddle.jshell.net/asfo3u97/8/