margin-left在div的右側增加空間

Question

我正在構建一個nav，當我將margin-left: 20px放在我的nav ul li上時，它會從右側向外推div。文本對齊是正確的。有趣的是，如果我在nav ul li上將float: left切換爲f loat: right，它不會將文本推出，但它確實顛倒了順序。

請溫柔，我是新在這個東西:)

下面是HTML：

<nav> 
    <ul> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Work</a></li> 
     <li><a href="#">Contact</a></li> 
     <li></li> 
    </ul> 
</nav> 

而CSS：

nav { 
    margin: 20px 0; 
    float: right; 
} 
nav ul li, nav ul li a { 
    text-align: right; 
    float: left; 
    font-size: 20px; 
    color: #ff5800; 
} 
nav ul li { 
    margin-left: 20px; 
} 
nav ul li a:hover { 
    color: #44cc00; 
} 

謝謝！ Jason

Answer 1

不是100％我明白這個問題，但是空li（在你的第一個3分之下）是否給人的印象是在'錯誤'一邊增加了保證金？