如何强制 <div> 仅使用 CSS 与复选框内联？ [复制]答案

【问题标题】：How do I force a <div> to be inline with the checkbox using only CSS? [duplicate]如何强制 <div> 仅使用 CSS 与复选框内联？ [复制]
【发布时间】：2017-02-14 19:43:17
【问题描述】：

我有这个，我不能触摸 HTML。

<div id="dynamic001" class="div-container">
    <input type="checkbox" class="checkbox" name="dynamic002" id="dynamic003">
    <label for="dynamic003" class="label1">
    <div class="div-text" id="dynamic004">
	Sample Text
    </div>	
</div>

有没有办法强制示例文本与复选框内联，仅使用 CSS？

【问题讨论】：

.div-text { display: inline-block; }?
这会有帮助吗，lokesh-coder.github.io/pretty-checkbox ？

标签： html css inline

【解决方案1】：

只需将内联块添加到 div

  .div-text {
    display: inline-block
  }

.div-text {
  display: inline-block
}

<div id="dynamic001" class="div-container">
    <input type="checkbox" class="checkbox" name="dynamic002" id="dynamic003">
    <label for="dynamic003" class="label1">
    <div class="div-text" id="dynamic004">
	Sample Text
    </div>	
</div>

【讨论】：