freemarker에서 양식 용 CSS

Question

하나의 버튼과 하나의 양식이 포함 된 div이 있습니다. 양식 안에는 버튼이 있습니다.

<div style="text-align : center;"> 
<button id="backButton" class="backButton" value="close" style="width: 100px;">Back</button> 
<form method="POST" action="${rc.getContextPath()}/payasiaotclaims/generateIndividualOTClaimReport.json?id=${claimId}" target="_blank"> 
    <button id="reportButton" class="reportButton" value="report" style="width: 100px;">Report</button> 
</form> 
</div> 

이제 버튼이 서로 쌓이는 것처럼 보이지만 두 버튼을 나란히 놓기를 원합니다. 어떤 CSS를 사용해야합니까?

Answer 1

시도하여 버튼에 플로트 CSS 속성을 줄

<button id="backButton" class="backButton" value="close" style="width: 100px; float:left;"> 

Answer 2

를 사용하여 두 개의 버튼에 대한 div의 및 제공 플로트 : 왼쪽; in css ..