水平对齐 g:form 个元素

Question

有一个 Grails/GSP 问题。我想水平对齐 g:form 标签内的元素。

我的代码目前看起来像这样，尽管 submitButton 仍在 textField 下方。

    <g:form controller="objectSearch" action="search" >
        <g:textField name="searchText" value="${searchText}"  />
        <g:submitButton name="search" value="Search" />         
    </g:form>

谢谢

更新：

我通过在表单中创建 table 并将元素放在相同的 <tr> 标记中（参见下面的代码）设法获得了预期的结果。当然有更好的方法来做到这一点？

<g:form controller="objectSearch" action="search" >
    <table>
        <tr>
            <td>
                <g:textField name="searchText" value="${searchText}"  />
            </td>
            <td>
                <g:submitButton name="search" value="Search" />     
            </td>
        </tr>
    </table>        
</g:form>

Answer 1

感谢 codehx 和 Fernando 的评论，我最终通过包含表单元素的 float 属性解决了我的问题。请参阅下面的代码：

        <g:form controller="objectSearch" action="search" >
                    <g:textField name="searchText" value="${searchText}"  style="float: left;" />
                    <g:submitButton name="search" value="Search" style="float: right;" />       
        </g:form>

水平对齐 g:form 个元素

Align g:form elements horizontally

css

gsp