title: Align text based on the decimal dot if the number of decimals is not the same
body: <p>I get miscellaneous decimal values from the API. They may look like this 123.45, 0.12345678. </p>
  
  <p>The format rule which I cannot change is like this:
  1. if value &lt;0, then have 8 decimal places
  2. if value >0, then have 2 decimal places</p>
  
  <p>Now, I cannot align the number based on the decimal dot. No matter if I align center, left or right. I always get something like this (aligned right)</p>
  
  <pre><code>       123.45
     0.12345678
           1.23
  1234.12345678
  </code></pre>
  
  <p>Ideally, I need alignment like this</p>
  
  <pre><code> 123.45
     0.12345678
     1.23
  1234.12345678
  </code></pre>
  
  <p>Is there a solution to this problem?</p>