CODEWITHSUNDEEP
htmlcss
Dreams
Dreams

Reputation: 8506

How to display two sections in same block?

#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>

What can I do to make second line start under tile not number(not using ol and li)? Which mean the number and title may be two different block, maybe?

Upvotes: 1

Views: 53

Answers (1)

Paran0a
Paran0a

Reputation: 3457

You WILL need to separate them then.

<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

Upvotes: 1

Related Questions