文本及；JSF中的图像布局

我试图通过使用JSF标记使图像和文本显示在同一行。有办法吗？原始代码如下所示，但图像和文本始终显示在两行中

    <rich:modalPanel id="Busy" autosized="true" zindex="2000">
        <h:outputText value="Submitting..."></h:outputText>
        <h:graphicImage value="images/loading.gif" />
    </rich:modalPanel>

---

最好的解决方案是直接在CSS属性中定义行：

<h:outputText value="Submitting..." styleClass="loading"/>

然后，您必须正确显示图像。

您可以试试这个

<rich:modalPanel id="Busy" autosized="true" zindex="2000">
   <h:panelGrid columns="2">
      <h:outputText value="Submitting..."></h:outputText>
      <h:graphicImage value="images/loading.gif" />
   </h:panelGrid>
</rich:modalPanel>

将在一个表中排列其所有子元素，其中包含指定数量的列（本例中为2列）

<rich:modalPanel id="Busy" autosized="true" zindex="2000">
   <h:panelGrid columns="2">
      <h:outputText value="Submitting..."></h:outputText>
      <h:graphicImage value="images/loading.gif" />
   </h:panelGrid>
</rich:modalPanel>