title: padding-right not working
body: <p>I am having code like this</p>
  
  <pre><code>        &lt;div style="background-color: greenyellow; color: black"&gt;
          &lt;span style="padding-left:20%"&gt;T1&lt;/span&gt;
          &lt;span style="padding-right:10%"&gt;2&lt;/span&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>currently it is showing like this. <img src="https://i.stack.imgur.com/4ley7.png" alt="current situation">
  here padding right is not working. it should be such that 2 should be having 10% padded from right of this div. 
  Is there any other style tag which can do give such padding from right.<img src="https://i.stack.imgur.com/AmdDR.png" alt="required output"></p>