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

Question

我想知道这是否完全可能。在我设置的有序列表下有多余的缩进，我想将其删除。我希望它看起来像这样：

但是看起来像这样：

就像我希望它是完全合理的。我正在使用引导程序，但在他们的文档中找不到任何内容。我想尽一切可能吗？

我的HTML并不是很特别。要获得第一个结果，它只是一个p标签

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

选中此fiddle，看看这是否是您想要的。