Html 如何将复选框及其标记放在一行中

这是一份清单

问题是，如果ListItem（文本）有许多单词，那么文本将显示在其复选框下方的一行中

对于某些复选框，字符看起来比平常小

有人知道吗

如果您有任何建议，我将不胜感激

下面是一个例子：

下面是代码示例：

  <div class="row">
  <div class="col-sm-3 col-md-3 col-lg-3">
  Example text
  </div>
  <div class="col-sm-8 col-md-8 col-lg-8">
    <asp:CheckBoxList ID="chbList_1" runat="server" DataSourceID="SqlDataSource2" DataTextField="Name" DataValueField="Code">
    </asp:CheckBoxList>
    <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:CorpDicts %>" SelectCommand="select Code, Name from Base..Attributes"></asp:SqlDataSource>
  </div>
  </div>

示例文本

如果您正在使用引导，则解决方案已内置：

<div class="checkbox">
    <label>
        <input type="checkbox"> Check me out
    </label>
</div>

看看我

---

。查看文档

请添加代码…请添加html和css代码解决方案1:

将复选框和文本放在单独的表列中

。解决方案2：

将它们都放在容器中单独的div元素中，并使用css将它们相邻地浮动起来

。解决方案3:

使用Javascript来实现它

。关键是：有很多方法可以做你想做的事。向我们展示您的代码，这样我们就可以给您一个具体的答案。为此，您可以使用

，将复选框放在一列上，并将主题放在第二列上，以便正确对齐。