title: making two spans to the right
body: <p>I am trying to text align two spans to the right. </p>
  
  <pre><code>&lt;span style="float: right;"&gt; close &lt;/span&gt;
  &lt;span style="float: right;"&gt; x &lt;/span&gt;
  </code></pre>
  
  <p>Somehow, x comes before close as follows: </p>
  
  <pre><code> x   close
  </code></pre>
  
  <p>How can I fix it? </p>
  
  <p>Rephrasing the question, I am trying to align two rows to the right like the following: </p>
  
  <pre><code> 1,300,000   x
         100   x
  </code></pre>
  
  <p>But all I got is: </p>
  
  <pre><code>1,300,000   x
  100  x
  </code></pre>
  
  <p>What's missing here?</p>