title: Align decimal points to right in input type text
body: <p>I want to format the numbers to two decimal places and also want to aligned the, i.e. don't want some numbers centered, some left aligned, etc.
  I don't know how easy this is to do, but want to do alignment on the decimal point.Kind of like this:</p>
  
  <pre><code> 123.44
  1465.23
    12.24
  </code></pre>
  
  <p>Right align is ok as long as all numbers have two dp. Don't want numbers to look like this:</p>
  
  <pre><code>1554
  23.75
  </code></pre>
  
  <p>They should look like this:</p>
  
  <pre><code>1554.00
    23.75
  </code></pre>
  
  <p>HTML Code</p>
  
  <pre><code> &lt;table class="table grey-table"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th style="padding:1px 8px;"&gt;Description&lt;/th&gt;
              &lt;th style="padding:1px 8px;"&gt;Total&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tr&gt;
      &lt;td style="padding:1px 8px;"&gt;Countertops&lt;/td&gt;
      &lt;td style="width:150px;"&gt;&lt;input type="text" id="txt_cm_countertops" readonly="true" style="width:150px;"/&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
      &lt;td style="padding:1px 8px;"&gt;Li In.&lt;/td&gt;
      &lt;td style="width:150px;"&gt;&lt;input type="text" id="txt_cm_countertops_lf" readonly="true" style="width:150px;"/&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
      &lt;td style="padding:1px 8px;"&gt;Bowls&lt;/td&gt;
      &lt;td style="width:150px;"&gt;&lt;input type="text" id="txt_cm_bowls" readonly="true" style="width:150px;"/&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
      &lt;td style="padding:1px 8px;"&gt;Side Splashes&lt;/td&gt;
      &lt;td style="width:150px;"&gt;&lt;input type="text" id="txt_cm_sidesplashes" readonly="true" style="width:150px;"/&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
      &lt;td style="padding:1px 8px;"&gt;Subtops&lt;/td&gt;
      &lt;td style="width:150px;"&gt;&lt;input type="text" id="txt_cm_subtops" readonly="true" style="width:150px;"/&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  
  &lt;sript&gt;
  var I = 24; //These values are for demo. These are not hardcorded
  var J = 15.5;
  var K = 4;
  var L = 4;
  var M = 21.4;
  
  $("#txt_cm_countertops").val(I);    
  $("#txt_cm_countertops_lf").val(J); 
  $("#txt_cm_bowls").val(K);  
  $("#txt_cm_sidesplashes").val(L);   
  $("#txt_cm_subtops").val(M);
  
  &lt;/script&gt;
  </code></pre>
  
  <p>This is the image of the above table Want to align the Total Column Having  <img src="https://i.stack.imgur.com/lHjom.png" alt="enter image description here"></p>