Create a footer with UL
Description
The following code shows how to create a footer with UL and CSS.
Example
<html>
<head>
<style rel="stylesheet" type="text/css">
#footer ul {<!--from w ww . j a v a 2 s . c o m-->
width: 1000px;
text-align: center;
}
#footer li {
display: inline;
list-style-type: none;
line-height: 44px;
}
#footer li a {
color: #574621;
text-decoration: none;
margin: 0 10px;
}
#footer li a:visited {
text-decoration: none
}
#footer li a:hover {
text-decoration: underline
}
</style>
</head>
<body>
<div id="footer">
<ul>
<li><a href="#">Home</a>|</li>
<li><a href="#">About our Hotel</a>|</li>
<li><a href="#">Services</a>|</li>
<li><a href="#">Photogallery</a>|</li>
<li><a href="#">Testimonials</a>|</li>
<li><a href="#">Locations</a>|</li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
</body>
</html>