删除列表项下的多余填充，将其对齐

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;
}

检查这个小提琴 ，看看这是否是您想要的。