对准一个复选框，输入和 标签在同一行(Align a checkbox input and a

我见过最使用的标签解决这一问题的其他解决方案。 不幸的是，我不能在这种特殊情况下使用的标签，因为那样会误事。 我有如下：

<div className="terms-checkbox">
  <input type="checkbox" required />
  <p>I accept the Terms and Conditions</p>
</div>

而且我设置显示器是inline-block的terms-checkbox如下所示：

    .terms-checkbox {
      display: inline-block;
    }

然而，这并不水平对齐项/在同一直线上。 如果没有包装的input与标签label ，我怎样才能使复选框和p水平对齐的标签？

这里的小提琴链接： https://jsfiddle.net/eu5rso2a/1/

编辑：固定的缩进。

Answer 1:

您必须在设置terms-checkbox类输入或p标签。 不是他们的父母。 意味着你的input和p标签必须是inline-block

Answer 2:

<p><input type="checkbox" required/>I accept the Terms and Conditions</p>

文章来源: Align a checkbox input and a

tag in the same line