使用float后列表的最后一个元素：right

Question

我正在尝试创建最后一个元素位于右侧的导航菜单。当我使用

float: right 

即元件略低，导航菜单的其他元素。为什么是这样的，我该如何解决它？

这里是我的CSS：

nav ul{ 
padding: 0; 
list-style: none; 
} 
nav ul li{ 
display: inline; 
padding: 5px 1em; 
} 
nav ul li:last-child{ 
float: right; 
} 

，并链接到的jsfiddle：如果添加了float:left;你的第一个元素https://jsfiddle.net/sLqnm8r5/

Answer 1

你的元素将正确对齐。 结账Fiddle