html - 将复选框与段落文本内联

Question

我怎样才能将该复选框与文本内联？

html代码是:

<div class="checkbox checkbox_allow_div"><label class="label_300"><input type="checkbox" name="allow" value="1" class="allow_checkbox"><?php echo gdpr_text('gdpr_order_text'); ?></label></div>

我用 php 回显的文本，它来自 sql 表，并写在管理页面的 ckeditor 中。 Ckeditor 将文本自动放入 <p>标签。

我无法将复选框代码放入文本 html 代码中，因为用户正在管理页面上编写文本，所以它始终是动态的。

Answer 1

为输入和段落添加display:inline-block。

.checkbox input,
.checkbox p {
  display: inline-block
}

<div class="checkbox checkbox_allow_div">
  <label class="label_300">
    <input type="checkbox" name="allow" value="1" class="allow_checkbox">
    <p>Random Text</p>
  </label>
</div>