CSS標籤元素將無法正常顯示

Question

的形式在這裏找到：

http://test-bed.co.uk/garden/book.php

根據需要消息不會出現驗證，我想他們一起出現輸入元素就好像它們是內聯的。

我相信標籤或輸入樣式規則可能導致問題。當它們浮動時，具有表單ID的接觸式div被左移。

#aform label { 
    clear: both; 
    display: block; 
    float: left; 
    font-weight: bold; 
    text-align: left; 
} 

.inputstyle2 { 
    float: left; 
    margin-right: 240px; 
    width: 300px; 
} 

#form { 
    float: left; 
} 

任何建議和我做錯了什麼解釋將不勝感激。

Answer 1

首先，你需要刪除margin-right並添加clear: both內.inputstyle2：

.inputstyle2 { 
    clear: both; 
    width: 300px; 
} 

錯誤的標籤仍然會被放置在輸入欄下方，因爲他們繼承clear: both在#aForm label這是去除浮動效果。值得慶幸的是，你可以通過使用一個更具體的CSS選擇器和去除clear覆蓋此：

#aForm label.error { 
    clear: none; 
}