我有 ul 的内联元素（复选框和跨度）
对于某些行（li's），我需要使用 float 尝试的两列，但这会破坏两列之间的垂直对齐，但是（！）当我为这个问题创建小提琴时，它适用于上述技术！：/
我什至将我们网站的完整样式剪切并粘贴到小提琴中，但我无法重现该问题
如您所见， Bar1和Some info是垂直对齐的。
如果我禁用 font-size: 0.85em; 从正文中，它也在我的网站上对齐，如果我在 CSS 中定义了大小，我使用 em 或 px 都没关系，它不会对齐。你们能告诉我有什么问题吗？
编辑：我的问题是什么可能导致跨度和输入在我的真实世界站点中不对齐（我无法在上面的小提琴中重现对齐问题）
它是您的图像标签，它与您的 H1 标签顶部对齐。我刚刚删除了 "header" div 中的标签
更正了 JS Fiddle Link
我对您的 jsfiddle 页面进行了一些编辑。
我学到的一个技巧是在所有有问题的东西周围加上一个简单的彩色边框，这样你就可以看到发生了什么。我没有完成所有事情，但这都是与 css 相关的。通过添加一些填充，它有助于将东西敲到应该去的地方。边框可帮助您查看被推到不对齐的内容。
继续玩css。
必须简单地添加[this is in the normalize.css file of fiddle]
input{margin:0; padding:0;}
The checkbox input must have some kind of offset that is showing on anything floated next to it.