<html> <head> <title>Div example</title> </head> <body> <style type="text/css"> .left { float: left; width: 11.0em; margin-top: 0.5em; margin-left: 0.3em; border: 1px solid #000; } .menu ul, .menu ul li { list-style-type: none; display: inline; padding: 0; margin: 0; } .menu a { display: block; padding: 0.3em; line-height: 1.5em; text-decoration: none; border: solid 1px; color: #fff; background: #00f; } .menu a:hover { color: #fff; background: #f00; text-decoration: none; } .bullet { background: url("../download/css/square_white_10px.gif") no-repeat; width: 10px; height: 10px; float: left; margin-right: 8px; margin-top: 13px; margin-left: 5px; } </style> <div class="left"> <div class="menu"> <ul> <li><div class="bullet"></div><a href="#">Home</a></li> <li><div class="bullet"></div><a href="#">Tutorials</a></li> <li><div class="bullet"></div><a href="#">Developers</a></li> <li><div class="bullet"></div><a href="#">Contact</a></li> <li><div class="bullet"></div><a href="#">Legal</a></li> </ul> </div> </div> </body> </html>