Home
Category
Sub Category
Type
Product
.breadcrumb { padding: 0 .5rem; } .breadcrumb ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .breadcrumb li:not(:last-child)::after { display: inline-block; margin: 0 .25rem; content: "→"; }
<nav aria-label="Breadcrumb" class="breadcrumb"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Category</a></li> <li><a href="#">Sub Category</a></li> <li><a href="#">Type</a></li> <li><span aria-current="page">Product</span></li> </ul> </nav>