排列列表中的段落html/css

Question

請幫忙，我有一個列表，當我讓段落更長時，排列不整齊，看起來很糟糕。我需要1.1例如縮進，並與其餘整齊地排隊......

ol { 
 
    list-style-type: none; 
 
    counter-reset: item; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
li { 
 
    display: table-row; 
 
    counter-increment: item; 
 
    margin-bottom: 0.6em; 
 
} 
 

 
li:before { 
 
    content: counters(item, ".") ". "; 
 
    display: inline-block; 
 
    margin: 0; 
 
    width: 40px; 
 
} 
 

 
li li { 
 
    margin: 0; 
 
}

<ol> 
 

 
<li><strong>Introduction</strong> 
 
    <ol> 
 
     <li>This document serves as an annexure to the Standard Terms and Conditions 
 
and its sole purpose is to set out the specific conditions applicable to the type 
 
of Finance Product you have selected to finance your Vehicle ("Annexure A").</li> 
 
     <li>Ullamco laboris nisi ut. 
 
      <ol> 
 
       <li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
 
       </li> 
 
      </ol> 
 
     </li> 
 
    </ol> 
 
</li> 
 

 
<li><strong>Heading 2 </strong> 
 
    <ol> 
 
     <li>This document serves as an annexure to the Standard Terms and Conditions 
 
and its sole purpose is to set out the specific conditions applicable to the type 
 
of Finance Product you have selected to finance your Vehicle ("Annexure A").</li> 
 
     <li>Ullamco laboris nisi ut. 
 
      <ol> 
 
       <li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
 
        
 
        <ol> 
 
        <li> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur..</li> 
 
        </ol> 
 
       </li> 
 
      </ol> 
 
     </li> 
 
    </ol> 
 
</li> 
 

 
</ol>

Answer 1

ol>li>ol>li li:before { 
    display: table-cell; 
} 

這是你的問題的原因，刪除它，它所有的作品。