水平對齊除標籤外的選擇字段

Question

如何對齊除標籤之外的選擇框，我想保留在左上角？

<form class="form-inline"> 
    <div class="form-group"> 
     <label for="SelectDate">Date of Event</label> 
     <select class="form-control" id="SelectMonth"> 
      <option>Jan</option> 
      <option>Feb</option> 
      <option>Mar</option> 
     </select> 
     <select class="form-control" id="SelectDay"> 
      <option>1</option> 
      <option>2</option> 
      <option>3</option> 
     </select> 
     <input class="form-control" type="Number" placeholder="Year"> 
    </div> 
</form> 

該代碼使得這一切一致，但我想使它看起來像：

日期

[月] [日] [年]不

日期[月] [日] [年]

謝謝你們。

Answer 1

您可以添加此樣式到標籤：

.form-inline label[for="SelectDate"] { 
    display: block; 
} 

現在它將會顯示爲你想要的東西：https://codepen.io/anon/pen/aLdZgX