JSFiddle - React, Tailwind, and code Playground
by Radioactive
HTML
<div class="bread">
<a onclick="location.href='/Download/'"><div>11111111111</div></a><a onclick="location.href='/Download/1/'"><div>22222222222</div></a><a onclick="location.href='/Download/1/1/'"><div>33333333333</div></a>
</div>CSS
body{background-color:#EEECDD;font-family:"Arimo", Arial, sans-serif;font-size:0.8em;line-height:20px;}
.bread{border:1px solid #ddd;position:absolute;top:10px;left:0;right:0;height:24px;line-height:24px;padding:0 0 0 10px;cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5494E5;}
.bread a{cursor:pointer;height:24px;line-height:24px;display:inline-block;color:#777;}
.bread a:hover{background-color:#E7E5D9;}
.bread a > div{display:inline-block;line-height:25px;height:25px;margin:0;}
.bread > div{position:absolute;width:24px;height:23px;top:1px;background-color:#EEECDD;text-align:center;line-height:27px;border-right:1px solid #D5D5D5;color:#7C7B7B;}
.bread > div:hover{background-color:#E7E5D9;color:#666;}
.bread > div:nth-child(1){left:0;font-size:1.2em;}
.bread > div:nth-child(2){left:25px;font-size:1.3em;}
.bread > div i{height:100%;display: block;}
.bread a > div{height:24px;padding:0 12px 0 4px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAZCAYAAAD9jjQ4AAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAAsUlEQVR42nTSz4ZCYRQA8G8VERFxuWaItrPtqVrNNmJoFUPbS4u0ajUP0IP89hHDkHmFNifSPd/irH6O87fgggHKaxScsazhAlcMMyz4wWcNP/CLUYYFJ6xrOMcNkwwL9tjU8D2ypxkW7PBdwwZ/aDMs2KKr4Rv+a7jCIYNxbGuW4Re6rNtJzNlmuI05extqolaT4S4ye1dpXy/yjF102fuEWdQaZ3iMjaTf1/udR9wHAGEI0lwZswJoAAAAAElFTkSuQmCC) top right no-repeat;}
.bread a:hover >...