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

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

这是HTML代码：

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

我该如何进行这项工作。显示元素上唯一可提供所需效果的显示属性是display：display: -webkit-box;，仅在Chrome中有效。

任何帮助，不胜感激。问候。

最佳答案

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

DEMO

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

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

关于html - 如何保持复选框和文本在同一行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19927033/