JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<div class="container">
<h1>Heading</h1>
<h1>This is a longer heading</h1>
</div>

CSS

h1 {
    overflow: hidden;
}
h1:after {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 100%;
    float: right;
}
h1:after {
    left: 1.5em;
}

.container {
  background-color: dodgerblue;
}