html - CSS：如何让长文本标签的文本缩进？

Question

我有一个列表，每个标签都有 2 个标签<li>，一旦第二个标签中的文本变长，换行符就会从下一行的开头开始，如下所示：

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

  .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

如果我对您的理解正确，您会想要这样的小提琴表演（我将其更改label为span）。

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

li {
    padding-left: 110px;
}