<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>