title: How to flush text to the right in CSS?
body: <p>I would like to have this</p>
  
  <pre><code>.--------------------------------------.
  | Left                           Right |
  '--------------------------------------'
  </code></pre>
  
  <p>One solution (with Bootstrap) is: </p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col "&gt;
          Left
      &lt;/div&gt;
      &lt;div class="col text-right"&gt;
          Right
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a simpler way such as this? </p>
  
  <pre><code>&lt;div&gt;
  Left &lt;span class="hfill"&gt;Right&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>