如何在文本旁边放置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>