JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<h1></h1>

CSS

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