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

Question

#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）的情况下使第二行开始？ 这意味着数字和标题可能是两个不同的块，也许？

Answer 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