Html freemarker中表单的CSS

我有一个

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？

尝试将float CSS属性赋予按钮

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

---

对两个按钮使用两个div，并给出float:left在css中..

创建一个问题的解决方案怎么样？