<div class="z-breadcrumb">
<a href="">ONE</a>
<div class="z-divider">/</div>
<a href="">TWO</a>
<div class="z-divider">/</div>
<a class="current">THREE</a>
</div>
<div class="z-breadcrumb">
<a href="">ONE</a>
<div class="z-divider">></div>
<a href="">TWO</a>
<div class="z-divider">></div>
<a class="current">THREE</a>
</div>
<div class="z-breadcrumb">
<i class="fa fa-th-large"></i>
<a href="">W3C</a>
<div class="z-divider">/</div>
<a class="current">CSS</a>
</div>
<div class="z-breadcrumb">
...
</div>
<div class="z-breadcrumb large">
...
</div>
<div class="z-breadcrumb larger">
...
</div>
<div class="z-breadcrumb green">
...
</div>
<div class="z-breadcrumb red">
...
</div>
<div class="z-breadcrumb teal">
...
</div>
<div class="z-breadcrumb yellow">
...
</div>
<div class="z-breadcrumb purple">
...
</div>