JSFiddle - React, Tailwind, and code Playground

by mhfaust

HTML

<div class="breadcrumb">
    <span>Home</span>
    <span>Section</span>
    <span>Subsection</span>
    <span class="last">current page<span></span></span>
</div>

CSS

.breadcrumb{white-space:nowrap;position:relative;background:lightblue;height:1.7em;line-height:1.5em;overflow:hidden;padding:3px;}
.breadcrumb > span{display:inline-block;background:#eee;margin-right:3px;padding:1px 5px }
.last {width:2000px}
.last span{position:absolute;right:0px;background:lightblue;width:3px;top:-1px;bottom:-5px;}