title: Remove the left spacing of an ordered list (OL)
body: <p>By default, the ordered list looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/Sv4AU.png" alt="enter image description here"></p>
  
  <p>There are some spacing on the left hand side of the list. Is there any way to remove those spacing?</p>
  
  <p>Here is what I want:</p>
  
  <p><img src="https://i.stack.imgur.com/QNk4J.png" alt="enter image description here"></p>
  
  <p>On my website, the font-family and font-size will be changed by users dynamically. Therefore I am not able to preset padding-left.</p>