Making use of content: in a footer navigation bar

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<title>CSS : Making use of content: in a footer navigation bar</title>
<style type="text/css">
#footer-nav ul
{
	list-style-type:none;	
}
#footer-nav ul li
{
	float:left;
	padding:0 5px;	
}
#footer-nav ul li:after
{
	content:"|";
	padding-left:10px;
}
#footer-nav ul li:last-child:after
{
	content:"";
}
</style>
</head>
<body>
<div id="container">
	<footer id="footer">
		<nav id="footer-nav">
			<ul>
				<li><a href="#">About</a></li>
				<li><a href="#">Team</a></li>
				<li><a href="#">Locations</a></li>
				<li><a href="#">Careers</a></li>
				<li><a href="#">Contact</a></li>
			</ul>		
		</nav>
	</footer>
</div>
</body>
</html>

Example

Category : General.

One Response to Making use of content: in a footer navigation bar

  1. yedukondalu says:

    Hi, I’m Yedukondalu UI Designer thanks nice job..

Leave a Reply