html - 将元素符号保持在同一条线上

Question

我有同一组的单选按钮，但不知道如何强制它们都在同一行上。有没有人有任何 CSS 技巧可以将它们全部放在同一行而不是将最后一个元素符号放到下一行？

<div id="ownership">
        <label class='radiolabel'>
    <input type="radio" name="ownership" required="yes" value="BOAT MCO" />Manufacturer's Statement of Origin</label>
    <label class='radiolabel'>
    <input type="radio" name="ownership" value="BOAT FL Title" />Florida Certificate of Title</label>
    <label class='radiolabel'>
    <input type="radio" name="ownership" value="BOAT OOS Title" />Out-of-state Certificate of Title</label>
    <label class='radiolabel'>
    <input type="radio" name="ownership" value="TN Required" />I do not have any of these</label>

</div>

#ownership input[type=radio]{
    margin:3px;
    margin-left:10px;
}

Answer 1

是的。由于它们被视为内联元素，因此您应该能够在父元素上使用 white-space: nowrap;。像这样:

#ownership {
    white-space: nowrap;
}