保持複選框和標籤在同一行（html）

Question

我想爲我的服務器創建一個小的用戶界面，我無法讓我的標籤和複選框出現在同一行上。我嘗試了幾個其他的線程，但他們不工作。 http://pastebin.com/0pSk6Niv

Answer 1

更新CSS到

input[type="checkbox"] { 
    /*display:none;*/ 
} 
input[type="checkbox"] + label span{ 
    display:inline-block; /*SET TO DISPLAY INLINE BLOCK*/ 
    width:36px; 
    height:36px; 
    margin:-1px 4px 0 0; 
    vertical-align:middle; 
    background:url(components_switches_check3.png) bottom no-repeat; 
} 

輸出

Answer 2

您需要使用display:inline-block;屬性有一個元素（你的情況複選框）佔用其內容佔據的空間。