Как отобразить два раздела в одном блоке?

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>

Что я могу сделать, чтобы сделать вторую линию запустить под плиткой не число (не используя ол и Ли)? Это означает, что число и название могут быть двумя разными блоками, может быть?

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