如何将HTML表单放在文本旁边

Question

下面是我的代码:

Topic one: <h:form> <h:commandButton value="+" /> <h:commandButton value="-" /> 
</h:form>

我希望+和-按钮在文本Topic one:旁边的同一行。

Answer 1

在你的表单上使用这样的css类:

.your-class {
    display: inline;
}

Answer 2

用<h:panelGroup>:

包裹按钮

<h:panelGroup>
    <h:commandButton value="+" /> <h:commandButton value="-" />
</h:panelGroup>