arrow breadcrumbs css
The HTML
Tha markup is simple and minimal, based on an unordered list.
<ul id="breadcrumbs-one">
<li><a href="">Lorem ipsum</a></li>
<li><a href="">Vivamus nisi eros</a></li>
<li><a href="">Nulla sed lorem risus</a></li>
<li><a href="">Nam iaculis commodo</a></li>
<li><a href="" class="current">Current crumb</a></li>
</ul>
The CSS
First, let’s add a mini CSS reset for our unordered lists:
ul{
margin: 0;
padding: 0;
list-style: none;
}