2

<li>次のように、2 番目のラベルのテキストが改行より長くなり、次の行の先頭から開始されると、それぞれに 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/

4

1 に答える 1

3

私があなたを正しく理解していれば、このフィドルショーのようなものが必要です(私は を に変更しlabelましたspan)。

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

li {
    padding-left: 110px;
}
于 2013-04-10T19:19:50.313 に答える