Using Text Indent with Text Align - html

Question

I used text-align right in my footer to position my text and unordered list all the way to the bottom right of my page. I would like to have a little bit of space between the text on the bottom right and the edge of my page. After using text align-right, whatever I do, the last part of my text always pushes right up to the edge of my window in the bottom right. I tried playing with the right and left margin but so far this hasn't solved the problem, here is a jsfiddle with my code: http://jsfiddle.net/sdaless/PM5Na/ If anyone can help I'd appreciate it, thanks!
Here is my footer css and html:
html:
<footer>
<div id="footer-container">
<ul id="footerlist">
<hr>
<li>Advertising Programs</li>
<li>Business Solutions</li>
<li>Privacy & Terms</li>
<li>+Google</li>
<li>About Google</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

Change your html to this:
<footer>
<div id="footer-container">
<ul id="footerlist">
<hr>
<li>Advertising Programs</li>
<li>Business Solutions</li>
<li>Privacy & Terms</li>
<li>+Google</li>
<li style='margin-right: 10px'>About Google</li>
</footer>
Or use this css:
#footerlist li:last-child {
margin-right: 10px;
}

Answer 2

use folllowing code:
<footer>
<div id="footer-container">
<ul id="footerlist" style="padding-right:10px">
<hr>
<li>Advertising Programs</li>
<li>Business Solutions</li>
<li>Privacy & Terms</li>
<li>+Google</li>
<li>About Google</li>
</footer>

Answer 3

Either do this:
#footer-container {
padding: 5px 5px;
position: fixed;
bottom: 2px;
left:0; right:0; /* width:100%; */
text-align: right;
}
or this
#footer-container {
padding: 5px 5px;
position: fixed;
bottom: 2px;
width:100%;
box-sizing: border-box; /* so width:100% defines border box */
text-align: right;
}