JSFiddle - React, Tailwind, and code Playground

by Luis Manuel

HTML

<h1>How it Works</h1>

CSS

h1{
    text-align: center;
    font-size: 70px;
}

h1:before, h1:after{
    position: relative;
    content: "";
    width: 150px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: 5px dotted yellow;
}