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