arrow breadcrumbs css code example

Example: 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;
  }