无法将<label>和<input>放在同一行

Question

我似乎无法在“计划首选项”下将 和 放在同一行。 代码笔在这里。

我尝试过浮动和表格单元格属性操作。任何帮助将不胜感激，因为这么简单的事情不应该给我带来如此困难。

    <label for="schedule-preference">Schedule Preferences:</label><br />
    <input type="checkbox" id="weekday" name="schedule_preference" value="weekday">
    <label for="weekday">Weekday</label>
    <input type="checkbox" id="weekday_evenings" name="schedule_preference" value="weekday_evenings">
    <label for="weekday_evenings">Weekday evenings</label>
    <input type="checkbox" id="weekend" name="schedule_preference" value="weekend">
    <label for="weekend">Weekend</label><br>

Answer 1

这是因为你的标签都是用

display: table-cell

或

display: block

设计的。对于要显示在输入旁边的标签，您需要将它们的样式设置为

display: inline

或

display: inline-block

。