html - 使用文本缩进和文本对齐

Question

我在页脚中使用 text-align right 将我的文本和无序列表一直定位到页面的右下角。我想在右下角的文本和页面边缘之间留出一点空间。使用文本右对齐后，无论我做什么，我的文本的最后一部分总是推到右下角窗口的边缘。我试过左右边距，但到目前为止还没有解决问题，这里是我的代码的 jsfiddle:http://jsfiddle.net/sdaless/PM5Na/如果有人可以提供帮助，我将不胜感激!

这是我的页脚 css 和 html:

html:

<footer>
    <div id="footer-container">
        <ul id="footerlist">
            <hr>
            <li><a href="#">Advertising Programs</a></li>
            <li><a href="#">Business Solutions</a></li>
            <li><a href="#">Privacy &amp; Terms</a></li>
            <li><a href="#">+Google</a></li>
            <li><a href="#">About Google</a></li>
</footer>

CSS:

#footer-container {

    padding: 5px 5px;
    position: fixed;
    bottom: 2px;
    width: 100%;
    text-align: right;

}

#footer-container ul li a {
    color:#656565;
    text-decoration: none;
    font-size: 13px;
    padding: 0 7px;
    font-family: Arial;
}

#footerlist li {
    display: inline;
    list-style-type: none;  
}

Answer 1

将您的 html 更改为:

<footer>
    <div id="footer-container">
        <ul id="footerlist">
            <hr>
            <li><a href="#">Advertising Programs</a></li>
            <li><a href="#">Business Solutions</a></li>
            <li><a href="#">Privacy &amp; Terms</a></li>
            <li><a href="#">+Google</a></li>
            <li style='margin-right: 10px'><a href="#">About Google</a></li>
</footer>

或者使用这个 css:

#footerlist li:last-child {
    margin-right: 10px;
}