css horizontal navigation spacing

<div id="footer">
	<ul>
		<li><a href="one.html">One</a></li>
		<li><a href="two.html">Two</a></li>
		<li><a href="three.html">Three</a></li>
		<li><a href="four.html">Four</a></li>
		<li><a href="five.html">Five</a></li>
	</ul>
</div>

div#footer{
	height:1.5em;
	background-color:green;
	clear:both;
	padding-top:.5em;
	font-size:1.5em;
	width:800px;
}
div#footer ul{
	margin:0;
	padding:0;
	list-style:none;
}
div#footer li{
	width:155px;
	display:inline-block;
	text-align:center;
}

<div id="footer">
  <ul>
    <li><a href="one.html">One</a></li><li><a href="two.html">Two</a></li><li><a href="three.html">Three</a></li><li><a href="four.html">Four</a></li><li><a href="five.html">Five</a></li>
  </ul>
</div>

div#footer li{
  width:160px;
  display:block;
  float: left;
  text-align:center;
}

<li><a href="one.html">One</a></li><li><a href="two.html">Two</a></li><li><a href="three.html">Three</a></li><li><a href="four.html">Four</a></li><li><a href="five.html">Five</a></li>

div#footer ul{
    margin:0;
    padding:0;
    list-style:none;
}

div#footer li{
    width:155px;
    float:left;
    display:block;
}

div#footer li{
    width:155px;
    margin-right: 5px; //5px Space between li elements
    float:left;
    display:block;
}