title: Html ordered list ol, add space between number and text
body: <p>I want to add space between number of ordered list and text</p>
  
  <p>ex : </p>
  
  <pre><code> 1.     Hello.
   2.     Test.
  </code></pre>
  
  <p>Space between "1." and "Hello" needs to be increased.</p>
  
  <p>Note: I'm using below style, because i want no. to start with left most</p>
  
  <pre><code>    ol
      {
          word-break: break-all;
      }
      li
      {       
          list-style-position: inside;
          padding: 0;
      }
  </code></pre>
  
  <p>I want exactly like below image, im able to get everything other than the space between numbering of list and text(marked in the image)
  <a href="https://i.stack.imgur.com/Y4ZTo.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/Y4ZTo.jpg" alt="enter image description here"></a></p>