title: How to move last li to right most side CSS
body: <p>this is my sample html. i want to move last <code>li &lt;li class="single"&gt;&lt;div id="loader"&gt;Loading....&lt;/div&gt;&lt;/li&gt;</code> to right most side.</p>
  
  <pre><code>&lt;div id="content"&gt;
      &lt;ul class="paginate pag5 clearfix"&gt;
          &lt;li class="single"&gt;Page 5 of 5 of 50&lt;/li&gt;
          &lt;li class="navpage"&gt;&lt;a href="http://localhost:13562/SamplePager/Index"&gt;prev&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://localhost:13562/SamplePager/Index"&gt;1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://localhost:13562/SamplePager/Index"&gt;2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://localhost:13562/SamplePager/Index"&gt;3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://localhost:13562/SamplePager/Index"&gt;4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://localhost:13562/SamplePager/Index"&gt;5&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://localhost:13562/SamplePager/Index"&gt;6&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://localhost:13562/SamplePager/Index"&gt;7&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://localhost:13562/SamplePager/Index"&gt;8&lt;/a&gt;&lt;/li&gt;
          &lt;li class="current"&gt;9&lt;/li&gt;
          &lt;li class="navpage"&gt;&lt;a href=""&gt;next&lt;/a&gt;&lt;/li&gt;
          &lt;li class="single"&gt;&lt;div id="loader"&gt;Loading....&lt;/div&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>i use this css</p>
  
  <pre><code>.paginate &gt; li:last-child
  {
      float:right;
      position:absolute
  }
  </code></pre>
  
  <p>but still no luck. see my js fiddle <a href="https://jsfiddle.net/tridip/rok4vsaf/" rel="noreferrer">https://jsfiddle.net/tridip/rok4vsaf/</a></p>
  
  <p>where i made the mistake for which last li is not moving properly.</p>