<html> <head> <title>Div example</title> </head> <body> <style type="text/css"> .breadcrumb{ font-size: 10pt; font-family: Verdana, Arial, sans-serif; font-weight: normal; text-decoration : none; color: #000000; float: left; } .breadcrumb a{ font-size: 10pt; font-family: Verdana, Arial, sans-serif; font-weight: normal; text-decoration : none; color: #0000ff; float: left; margin-right: 10px; } .breadcrumb a:hover{ text-decoration: underline; color: #ff0000; float: left; } .arrow { line-height: 0px; width: 0px; height: 0px; border-style: solid; border-width: 5px 0px 5px 10px; border-color: white white white black; float: left; margin-top: 3px; margin-right: 10px; } .clear { clear: left; } </style> <div class="breadcrumb"> <div class="clear"></div> <a href="http//www.mobilefish.com">Home</a> <div class="arrow"></div> <a href="http//www.mobilefish.com">Level 1</a> <div class="arrow"></div> <a href="http//www.mobilefish.com">Level 2</a> <div class="arrow"></div> Detail <div class="clear"></div> </div> </body> </html>