如何使用css并排放置复选框和句子。

Question

我在使用css并排放置复选框和长句时遇到问题。

这正是我想要实现的目标。

这就是我要得到的。

这是HTML＆amp;用css代码来实现它：

<div class="col-md-1" style="">

<label style="color: white"> 
  <input type="checkbox" class="" style="" id="checkbox"> 
BY CLICKING ON THIS I CONSENT THAT I AM ABOVE 18 YEARS.
</label>
</div>

请问，您认为我的代码有什么问题，我该如何解决？

Answer 1

将文字换成rintl并将其设为<span>或overflow: auto;

＆＃13;

＆＃13;

hidden

＆＃13;

label {
  display: inline-block;
  width: 200px;
}

label input {
  float:left;
}

label span {
  display: block;
  overflow: auto;
}

＆＃13;

＆＃13;

＆＃13;