Spring复选框的水平对齐方式

Question

我有这段代码

<form:checkboxes path="domainContainerArray"  items="${checkBoxesMap}"/>

这是在垂直方向显示复选框，如下所示

我搜索了很多甚至尝试应用css但我失败了。如何将它们水平对齐？有任何建议吗？
编辑：代码生成的标记

<fieldset style="float: right">
<span>
<input id="d1" type="checkbox" value="1" name="dTypeContainerArray">
<label for="d1">Item 1</label>
</span>
<span>
<input id="d2" type="checkbox" value="2" name="dTypeContainerArray">
<label for="d2">Item 2</label>
</span>
<span>
<input id="d3" type="checkbox" value="3" name="dTypeContainerArray">
<label for="d3">item 3</label>
</span>
   ........
<span>
<input id="d7" type="checkbox" value="7" name="dTypeContainerArray">
<label for="d7">Media</label>
</span>
<span>
<input id="d8" type="checkbox" value="8" name="dTypeContainerArray">
<label for="d8">Misc</label>
</span>
<span>
<input id="d9" type="checkbox" value="9" name="dTypeContainerArray">
<label for="d9">Open Source Int</label>
</span>
<input type="hidden" value="on" name="_dTypeContainerArray">
<input class="ui-button ui-widget ui-state-default ui-corner-all" type="submit" onclick="changeFormAction('2/76/finalize')" style="border-radius: 0" value="Check Button" role="button">
</fieldset>

Answer 1

checkboxes标记允许您指定cssClass属性。您可以提供将要应用的css类。然后在css中定义一个样式，使这些元素浮动。

Documentation

您发布的原始html实际上水平对齐复选框。见here。我怀疑页面上的其他样式会影响这些复选框。

Answer 2

我使用Bootstrap css时遇到了同样的问题。我通过覆盖标签元素样式来修复：inline。

Answer 3

您可以使用display：inline-block属性。 看看这段代码。

JSFiddle

label {
display: inline-block;
width: 40%;
}