html - 更正 CSS 以按特定顺序显示 html 表单元素？

Question

    <input type="checkbox" ID="RecquireFacebookInvitesCB" />Require
    <select>
    {section name=foo start=5 loop=50 step=1}
        <option value="{$smarty.section.foo.index}">{$smarty.section.foo.index}</option>
    {/section}
    </select>
    this many Facebook invites before entering sweepstakes

我有上面的 html(带有 smarty-php 格式化标签)，它生成两个表单元素和一些文本，如我的屏幕截图所示。我想将此显示为:

[CHECKBOX] Require [SELECTION LIST] Facebook invites before entering sweepstakes

我对如何实现这个有自己的想法，但我想知道最好的方法是什么。谢谢!

Answer 1

尝试将您的代码更改为:

<input type="checkbox" ID="RecquireFacebookInvitesCB" /><label for="RecquireFacebookInvitesCB">Require</label>
<select>
{section name=foo start=5 loop=50 step=1}
    <option value="{$smarty.section.foo.index}">{$smarty.section.foo.index}</option>
{/section}
</select>
this many Facebook invites before entering sweepstakes