How to keep both checkbox and text in the same line

Question

I am having problem keeping checkbox and text in the same line.

这是 HTML 代码：

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

我怎样才能做到这一点。元素上唯一能提供所需效果的显示属性是 display：display: -webkit-box; that only works in Chrome.

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

Answer 1

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

演示版

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

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