JSFiddle - React, Tailwind, and code Playground

by Jaybles

HTML

<div class="container">
    <div class="line"></div>
    <div class="cap">Business Items</div>
</div>


<div class="container">
    <div class="line"></div>
    <div class="cap">Business Items 2</div>
</div>

CSS

body{padding:0px;}
.container{
    width:95%;
    height:46px;
    font-size:30pt;
    font-family:verdana;
    margin-bottom:20px;
}
.container .line{
   width:95%;
   border-bottom:3px solid #000;
   height:23px;
   position:absolute;
}
.container .cap{
    position:absolute;
    padding-right:10px;
    background:#fff;
}