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

Question

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

这是HTML代码：

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

我该怎样才能做到这一点。元素上唯一显示所需效果的显示属性是：display: -webkit-box;仅适用于Chrome。

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

Answer 1

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

DEMO

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

你是否可以应用其他一些造型？