html - 如何将复选框和文本保持在同一行

Question

我在将复选框和文本保持在同一行时遇到问题。

这是 HTML 代码：

<span class="list-item">
  <label>
    <input type="checkbox" name="payment[]" value="Some payment">&nbsp;Some payment
  </label>
</span>

我怎样才能使这项工作。元素上唯一能提供所需效果的显示属性是 display:display: -webkit-box;仅适用于 Chrome。

非常感谢任何帮助。问候。

Answer 1

此 HTML 以您想要的方式呈现：

演示

<span class="list-item">
  <label>
    <input type="checkbox" name="payment[]" value="Some payment">&nbsp;Some payment
  </label>
</span>

您是否可能对其应用其他样式？