Remove extra padding under a list item, Justify it

Question

I was wondering if this is at all possible. There is extra indentation under an ordered list I have set up and I want to remove it. I want it to look like this:

But it looks like this:

Like I want it to be completely justified. I am using bootstrap but I couldn't find anything in their docs. Is what I am trying to do at all possible?

My HTML isn't really special. To get the first result it is just a p tag

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

For the second result I just have

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

Answer 1

You can use list-style-position: inside:

ol {
  list-style-position: inside;
}

Check this fiddle to see if this is what you desire.