html - チェックボックスとテキストの両方を同じ行に保持する方法

Question

チェックボックスとテキストを同じ行に保持するのに問題があります。

これは HTML コードです。

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

どうすればこれを機能させることができますか。目的の効果をもたらす唯一の要素の表示属性はdisplay: -webkit-box;、Chrome でのみ機能する display: です。

どんな助けでも大歓迎です。よろしく。

Answer 1

この HTML は、希望どおりにレンダリングされます。

デモ

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

他のスタイリングを適用している可能性がありますか？