title: Numbers Displaying in Wrong Direction With CSS
body: <p>I am trying to list numbers within the same line using css. This is working EXCEPT the numbers are displaying in the wrong direction (i.e. 4 - 3 - 2 - 1, instead of 1 - 2 - 3 - 4). I tried using "direction: ltr" but that didn't help.</p>
  
  <p>For my css I have this:</p>
  
  <pre><code>.pagination {
    clear: both;
    display: inline;
  }
  
  .page-number {
    border: 1px solid #ccc;
    color: #555;
    padding: 10px;
    float: right;
  }
  </code></pre>
  
  <p>And in my HTML view I have this:</p>
  
  <pre><code>&lt;div class="pagination"&gt;
      &lt;div class="page-number"&gt;1&lt;/div&gt;
      &lt;div class="page-number"&gt;2&lt;/div&gt;
      &lt;div class="page-number"&gt;3&lt;/div&gt;
      &lt;div class="page-number"&gt;4&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What do I need to change to make this display in the correct direction?</p>
  
  <p>To clarify, I can't simply "float: left" because I want the numbers to appear on the right side of the page. So I want them as a totality to float right, but display in the correct order, from left to right.</p>