Pure CSS3 breadcrumb navigation

<!-- a simple div with some links -->

<div class="breadcrumb">

    <a href="#" class="active">Browse</a>

    <a href="#">Compare</a>

    <a href="#">Order Confirmation</a>

    <a href="#">Checkout</a>

</div>

<br /><br />

<!-- another version - flat style with animated hover effect -->

<div class="breadcrumb flat">

    <a href="#" class="active">Browse</a>

    <a href="#">Compare</a>

    <a href="#">Order Confirmation</a>

    <a href="#">Checkout</a>

</div>

​

<!-- Prefixfree -->

<script src="https://thecodeplayer.com/uploads/js/prefixfree-1.0.7.js" type="text/javascript" type="text/javascript"></script>