<div class="breadcrumb">
<a>Home</a>
<a>Shop</a>
<a>T-Shirts</a>
</div>
.breadcrumb a:first-child::before {
content: " » ";
}
.breadcrumb a::after {
content: " /";
}
.breadcrumb a:last-child::after {
content: "";
}
/* Other styling elements, that are not necessary for the example */
* {
text-align: center;
font-family: Candara;
font-size: 1.3rem;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.