JSFiddle - React, Tailwind, and code Playground

by NGLN

HTML

<h2>This is a h2 heading<span></span></h2>
<p>Next element</p>
<br />
<br />
<br />
<h2 class="fix">This is a h2 heading<span></span></h2>
<p>Next element</p>
<br />
<br />
<br />
<h2 class="GTIE7">This is a h2 heading</h2>
<p>Next element</p>

CSS

h2 {
    text-align: justify;
    border-bottom: 1px solid black;
}
.fix,
.GTIE7 {
    height: 1.15em;
}
h2 span {
    width: 100%;
    display: inline-block;
}
.GTIE7::after {
    width: 100%;
    display: inline-block;
    content: ".";
    visibility: hidden;
}