CSS：如何为长文本标签缩进文本？

Question

我有一个列表，每个<li>有2个标签，一旦第二个标签中的文字越长，换行符开始于下一行的开头，如下所示：

如何缩进文本以使其全部从同一行开始？

  .caspName {
  color: @darkTextColor;
  width: 105px;
  display: inline-block;
  &:after {
    content: ":";
  }

<ul>
  <li>
    <label class="caspName">Investment</label>
    <label class="caspData">Credit card processing</label>
  </li>
</ul>

请参阅此处的小提琴：http://jsfiddle.net/4UKT2/

Answer 1

如果我理解正确，您需要this fiddle shows之类的内容（我已将label更改为span）。

.caspName{
    width: 105px;
    display: inline-block;
    margin-left: -110px;
}
.caspName:after{
    content: ":";
}

li {
    padding-left: 110px;
}