JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<h1>W</h1>

CSS

h1 {
    padding-bottom: 0.5em;
    margin-bottom: 50px;
    border-bottom: 1px solid green;
    display: inline-block;
    position: relative;
}
h1:after {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    display: block;
    content: '.';
    width: 20px;
    height: 20px;
    background: green;
    border: 10px solid white;
    font-size: 0;
}