刪除列表項下的多余填充，將其對齊

Question

我想知道這是否完全可能。 在我設置的有序列表下有多余的縮進，我想將其刪除。 我希望它看起來像這樣：

但它看起來像這樣：

就像我希望它是完全合理的。 我正在使用引導程序，但在他們的文檔中找不到任何內容。 我想盡一切可能嗎？

我的HTML並不是很特別。 要獲得第一個結果，它只是ap標簽

 <div class="text-justify">
  <p class="grey-text"> 1. Applicable rules...<br><br>2. Definitions..</p>
 </div>

對於第二個結果，我只有

  <ol>
   <li> Applicable rules...</li>
   <li> Definitions...</li>
  </ol>

Answer 1

您可以使用list-style-position: inside ：

ol {
  list-style-position: inside;
}

檢查這個小提琴 ，看看這是否是您想要的。