我有內聯元素（複選框和跨度）列和行內元素，垂直對齊錯誤
對於一些行（李的），我需要兩列 我試圖用浮動的UL但剎車之間的垂直對齊方式兩列 ，但是（！）當我爲這個問題創建一個小提琴它與上述技術一起工作！ ：/
我甚至剪切和粘貼我們網站的完整的風格融入小提琴，但我不能重現該問題
正如你可以看到BAR1和一些信息垂直對齊。
如果我禁用字體大小：0.85em;從它的身體也在我的網站上對齊，如果我使用em或px，如果我在CSS中定義的大小不會對齊，則無關緊要。你們能告訴我什麼是錯的嗎？
編輯：我的問題是，是什麼引發的跨度和輸入到我的現實世界的網站未對齊（我沒能再現上述小提琴的對齊問題）
必須只需添加[這是小提琴的normalize.css文件]
input{margin:0; padding:0;}
的複選框，輸入必須有某種抵消正顯示出任何東西漂浮在它旁邊的。
它的圖像標記它在H1標籤的頂部對齊。 我只是刪除了標籤的「頭」的div
Corrected JS Fiddle Link
謝謝，這是公司的標誌，但請改爲對我的問題發表評論，因爲它不回答問題 – Anders 2012-08-08 14:40:08
我做了一些編輯您的jsfiddle頁面。
我已經學了一招是把一個簡單的彩色邊框有關的一切，所以你可以看到正在發生的事情。我沒有完成所有的事情，但是所有的CSS都是相關的。通過添加一些填充，它有助於在應該去的地方砸東西。邊界可以幫助你看到什麼被排除在外。
繼續玩弄CSS。
雖然看到HaroonAbbasi的回答，但看起來不錯。我的回答對於許多事情來說是有益的。記住一個好工具。 – Savanetech 2012-08-08 14:42:03
它建在螢火蟲周圍的所有元素獲得邊界 – Anders 2012-08-08 14:56:31
不幸的是一個網站看起來完全不同的瀏覽器...例如Craptastic IE瀏覽器。所以，在這些情況下，CSS邊界有所幫助。 – Savanetech 2012-08-08 15:01:31
你不能用div替換標籤，那麼將不可點擊。最常見的問題是爲什麼它不能在真實網站上正確呈現，我嘗試使用相同的文檔類型作爲小提琴什麼也不做。 – Anders 2012-08-08 15:20:47
*如果您想讓它可點擊，您可以在div內添加標籤。在這裏，我改變了它。 – 2012-08-08 15:33:09
我的解決方案在小提琴上工作，所以我想知道什麼可以在真實網站上搞砸了。 – Anders 2012-08-08 16:17:56