css - 将文本置于内容左侧

Question

CSS 中有没有一种方法可以将文本定位在某些内容的左侧(并将内容完全移到右侧？)这是屏幕截图:

这是 HTML:

<div class="label">TO</div>
asdf<br/>
asdfasdf<br/>
asdfasdfasdf<br/>

Answer 1

可以有一个解决方案，

<div class="label">TO</div>
<div class="text">
  <p>asdf</p>
  <p>asdfasdf</p>
  <p>asdfasdfasdf</p>
</div>

CSS 将是

.label {
  float: left;
  width: 20%;
}

.text {
  float: right;
  width: 70%;
}

.label, .text {
  display: inline-block;
}

现在，这将是内联的。 :)