vertical-alignでDIVの先頭にフィールドが表示されない

Question

検索フィールドを揃えようとしています。すべての私の要素はスタイル

#statSearchFields { 
    vertical-align: top; 
    font-size: 90%; 
} 

自体が

<div class="searchField"> 
Start Date<br> 
<input type="text" name="start_date" id="start_date" value="06/28/2014" placeholder="Start Date" class="datepicker hasDatepicker"> 
</div> 

のように見えていますが、私は私の容器に入れたとき、彼らはオフセンター表示される要素を持つ親コンテナ内にあります。ここにフィドルの例 - https://jsfiddle.net/n73ao02h/1/があります。すべてをどのように整列させるのですか？

Answer 1

セレクター.searchFieldにvertical-align: top;を追加する必要があります。

更新jsfiddle：https://jsfiddle.net/n73ao02h/2/

Answer 2

vertical-align: topはあなたのIDから継承されていません。あなたのCSSに次のものを追加すると、あなたが期待する結果が得られます。

.searchField { 
    display: inline-block; 
    vertical-align:top; 
} 

注：あなたがあなたの#statSearchFields IDからvertical-alignプロパティを削除する必要があります。