語義UI內嵌按鈕

Question

我有一個標籤，文本輸入，它的旁邊，我把一個按鈕做的比提交其輸入和按鈕所在的表單以外的東西。我將輸入（帶標籤）在twelve wide field和按鈕內four wide field：

<div class="two fields"> 
    <div class="twelve wide field"> 
     <label for="postalCodeMain">Postcode</label> 
     <input type="text" id="postalCodeMain" value=""/> 
    </div> 
    <div class="four wide field"> 
     <div class="ui fluid bottom button" onclick="getLocations('Main');">Search for Address</div> 
    </div> 
</div> 

的事情是，按鈕浮到four wide field的頂部，有標籤的輸入之上，是什麼將是讓按鈕與輸入內聯的最佳方式？

我已經嘗試了一些方法，但將標籤放在字段之外會導致標籤和輸入之間的間隙過大，並且在按鈕上添加一個空標籤會引起我浪費......？

下面是我對JSFiddle試過的方法。

我錯過了按鈕div的類嗎？

Answer 1

孔顏色我傻，閱讀文檔多一些我主頻，這是死了後易：

<div class="field"> 
     <label for="postalCode05">Postcode</label> 
     <div class="ui action input"> 
      <input type="text" id="postalCode05" placeholder=""/> 
      <button class="ui button">Search</button> 
     </div> 
    </div> 

例如在我的更新JSFiddle