將按鈕（外部<form>）與輸入字段放在同一行上？

Question

這裏是我的HTML表單：

<form novalidate class="simple-form"> 
    <label ng-hide="tab==1">Reviews Min: <input type="number" ng-init="revNum=30" class="form-control review-input" min="0" step="10" ng-model="filterValues.revNum" /></label> 
    <label>Min Price &#163;: <input type="number" ng-init="filterValues.minNum=0" class="form-control price-input" min="0" step="1000" ng-model="filterValues.minNum" /></label> 
    <label>Max Price &#163;: <input type="number" ng-init="filterValues.maxNum=0" class="form-control price-input" min="0" step="1000" ng-model="filterValues.maxNum" /></label> 
    <label><select class="form-control" ng-model="filterValues.currentCarType" style="display:block;" ng-options="key for key in carTypeObj"> 
     <option value="">Select Type</option> 
    </select></label> 
</form> 
<label><button class="btn btn-primary " style="display:block;" ng-click="resetNumArray(); resetActiveRow(); resetType()">reset</button></label> 

這裏是我的CSS：

.simple-form label{ 
    margin-right: 10px !important; 
} 

.simple-form button{ 
    background-color: #31708f; 
} 

.price-input { 
    width: 150px !important; 
} 
.review-input{ 
    width: 100px !important; 
} 

這裏是鍍鉻的輸出：

這裏是在Firefox中的輸出：

所以我的重置按鈕低於我的輸入字段並選擇，我需要它在同一行。但如果我在<form>內移動它，當我在輸入字段中寫入一些值並按下Enter時，我的輸入字段將被重置。
也如你所見，firefox沒有正確顯示我的<select>。

我該如何解決這些問題？

這裏是兩個瀏覽器的預期輸出：

注：我使用的引導。
JSFiddle

Answer 1

而在http://jsfiddle.net/dsqc10du/6/

另一實施垂直對齊選擇的形式

.simple-form{ 
    display: inline-block; 
} 
.simple-form label{ 
    vertical-align: bottom; 
} 

button{ 
    vertical-align: top !important; 
    margin-top: 20px !important; 
}