誰能告訴我我的CSS哪一部分造成了差距？

Question

在我的Wordpress網站中，我有一個自定義的書面PHP搜索。 它通過“ include”出現在特定頁面的“內容”部分中，因此它是一個單獨的文件。

http://www.glutenfreeireland.com/accommodation/find-accommodation/

用於搜索和結果的整個代碼顯示在DIV .wheretoeatsearchwrapper中。 不幸的是，文本“步驟1：選擇位置：”與第一個“選擇”框之間出現了很大的距離。 這是由右側的廣告引起的，將其刪除后即可解決問題。 我知道在哪里wheretoeatsearchwrapper將所有內容都保留在該DIV中，即wheretoeatsearchwrapper兩側的對象都不會影響其中的內容？

這是適用的CSS：

.wheretoeatsearchwrapper {
        /*max-width: 490px;*/
        clear: none;
        margin: 0;
        padding-left: 10px; 
    }
    .wheretoeatsearchwrapper h1,h2,h3,h4,h5,h6 {
      display: inline;
    }
    .searchlocation select {
      font-size: 95%;
      margin: 0.2em;
      float: left;
      clear: both;  
    }
    .steps {
      color: #339933;
      font-weight: bold;    
    }
    .searchvenuetype {
      font-size: 95%;
      margin: 4px;
      float: left;
      clear: none;
    }

Answer 1

很clear:both; 在searchlocation select元素上。

.searchlocation select {
    font-size: 95%;
    margin: 0.2em;
    float: left;
    clear: both; // Remove this
}

Answer 2

刪除清除：對於.searchlocation選擇

.searchlocation select {
  font-size: 95%;
  margin: 0.2em;
  float: left;
  /*clear: both;*/
}