如何在同一个区块中显示两个部分?

时间:2015-10-06 10:05:03

标签: html css

#summary {
  width:200px;
}

#summary div {
  font-size:0.875em;
  margin-top:10px; 
}
.lv2 {
    margin-left:15px;
}
<div id="summary">
      <div class="book-title lv1">IntroductionIntroductionIntroduction</div>
      <div class="book-title lv1">1. AAAAAAAAAAAAA AAAAAAAAAAA AAAAAA</div>
      <div class="book-title lv1">2 BBBBBBBBBB BBBBBBBB BBBBBBBBBBBB</div>
      <div class="book-title lv2">2.1. bbbbbbbbbbbbbbbbb bbbbbbbbbbb</div>
    </div>

如何在牌号不是(不使用ol和li)的情况下使第二行开始? 这意味着数字和标题可能是两个不同的块,也许?

1 个答案:

答案 0 :(得分:1)

然后你需要将它们分开。

<div class="book-title lv2">
<div class="col-1">2.1. </div>
<div class="col-2">bbbbbbbbbbbbbbbbb bbbbbbbbbbb</div>
</div>

http://codepen.io/anon/pen/xwddpp