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

ul.breadcrumb {
  list-style: none;

}
ul.breadcrumb li+li:before {
  padding: 8px;

  content: ">";
}
ul.breadcrumb li a {
  color: #949494;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #E47911;
  text-decoration: underline;
}