2我想要在同一行上並排顯示的HTML按鈕

-1

我有兩個HTML按鈕，我想與第一個（提交請求（s））按鈕在同一行上排列在同一行上。我遇到的問題是第二個按鈕的頂部從底部按鈕底部的底部開始。由於margin-left：50px元素，第二個按鈕正確地向右移動。我在下面列出的2個按鈕的HTML：2我想要在同一行上並排顯示的HTML按鈕

<button style="float: left;" onclick="javascript:submitRequests();"> 
    Submit Request(s) 
</button> 
<button style="float: left; margin-left: 50px" 
     onclick="javascript:document.location.reload(true);"> 
    Reset 
</button>

來源

2013-03-29 John Mitchell

一些小提琴會更好 – yogi

什麼是小提琴？ –

它可以很好地處理您在Chrome 25中提供的標記。您能否提供更完整的示例並告訴我們您遇到問題的瀏覽器？ –

這應該做的伎倆：http://jsfiddle.net/cau4t/

<div class="container"> 
    <button onclick="javascript:submitRequests();">Submit Request(s)</button> 
    <button onclick="javascript:document.location.reload(true);">Reset</button> 
</div> 

.container { 
    overflow: hidden; 
} 

button { 
    float: left; 
} 

button:first-child { 
    margin-right: 50px; 
}

來源

2013-03-29 15:33:03