2 동일한 HTML 버튼을 같은 줄에 나란히 배치하고 싶습니다.

-1

첫 번째 (요청 제출) 버튼이있는 첫 줄과 같은 줄에 두 개의 HTML 버튼이 있습니다. 문제는 두 번째 버튼의 맨 아래 부분이 끝나는 곳에서 시작된다는 것입니다. 여백 - 왼쪽 : 50 픽셀 요소 때문에 두 번째 버튼이 올바르게 오른쪽으로 이동합니다.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에서 제공 한 마크 업과 잘 작동합니다. 더 자세한 예를 제공하고 문제가 발생한 브라우저를 알려주시겠습니까? –

이 트릭을 수행해야합니다하십시오 Codepen 또는 JsFiddle이 코드 또는 아이디어를 추가하기 위해 사용하기 전에 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