如何将最后一个li移动到最右侧的CSS

这是我的示例html。我想最后li

    

        
Page 5 of 5 of 50
        
prev
        
1
        
2
        
3
        
4
        
5
        
6
        
7
        
8
        
9
        
next
        
Loading....
    

我用这个CSS

.paginate > li:last-child
{
    float:right;
    position:absolute
}

但仍然没有运气。看到我的JS小提琴https://jsfiddle.net/tridip/rok4vsaf/

我在哪里犯了最后一个李不能正确移动的错误。

请记住，如果您有绝对元素，则不能浮动它，请尝试以下操作：

    .paginate{
       position:relative;
   }
    .paginate > li:last-child
    {
    right:0;
    position:absolute
   }

请记住声明位置，在这种情况下为“ right：0;”

但您可以做得更简单的是，声明元素，如下所示：

.paginate > li{
  display:inline-block;
  vertical-align:middle;
 }

.paginate >li:last-child{
  float:right;
}