freemarkerでのフォームのCSS

Question

私は1つのボタンと1つのフォームを含む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

使用2つのボタンのためのdivタグ、および与えるフロート：左; in css ..