JSFiddle - React, Tailwind, and code Playground

by Dmitry Morar

HTML

<h1>Amozon</h1>
<div>
  <ul class="breadcrumb">
    <li><a href="#">Clothing, Shoes & Jewelry</a></li>
    <li><a href="#">Men</a></li>
    <li><a href="#">Shoes</a></li>
  </ul>
</div>

CSS

li {
  display: inline-block;
  font-size: 12px!important;
  font-family: "Amazon Ember",Arial,sans-serif;
}

a {
  color: #555;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
  color: #E47911;
}

ul.breadcrumb li+li:before {
  content: ">";
}