margin-left在div的右边增加空间

Question

我正在构建导航，当我在nav ul li上margin-left: 20px插入margin-left: 20px时，它会将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;
}

谢谢！ 杰森

Answer 1

我不是100％理解这个问题，但是（在您的前3分之内）空的li会给人一种印象，那就是在“错误”的一面增加了边距？