正确的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