我有一个内联元素（复选框和跨度）
对于某些行（li），我需要两列 我尝试使用float但是它会使两列之间的垂直对齐 ，但是（！）当我为这个问题创建一个小提琴时，它适用于上述技术！ ：/
我甚至将我们网站的完整风格剪切并粘贴到小提琴中，但我无法重现问题
正如您所见， Bar1 和某些信息是垂直对齐的。
如果禁用font-size：0.85em;从身体它也在我的网站上对齐，如果我使用em或px无关紧要，如果我在CSS中定义的大小它将不对齐。你能告诉我什么错了吗？
编辑：我的问题是什么可能导致跨度和输入在我的真实世界网站中不对齐（我无法在上面的小提琴中重现对齐问题）
答案 0 :(得分：2)
它的图像标记位于H1标记的顶部。 我刚删除了“header”div中的标签 Corrected JS Fiddle Link
答案 1 :(得分：2)
我对你的jsfiddle页面进行了一些编辑。
我学到的一个技巧是在所有问题周围放置一个简单的彩色边框，这样你就可以看到发生了什么。我没有完成所有的事情，但它与css有关。通过添加一些填充，有助于将东西敲到应该去的地方。边框可以帮助您查看被推出不对齐的内容。
继续玩css。
答案 2 :(得分：1)
必须简单地添加[这是在小提琴的normalize.css文件中]
input{margin:0; padding:0;}
复选框输入必须具有某种偏移，该偏移显示在其旁边浮动的任何内容上。