JSFiddle - React, Tailwind, and code Playground

by Amit Vishwakarma

HTML

<div class="container">
      
  <h2>  h2 </h2>
  <div class="line"> </div>
  
</div>

CSS

.container
{
  position:relative;
text-align:center;
 background:#d9d9d9;
  z-index:-99;
  padding:12px 0px;
}

h2
{
width:100px;  
background:grey;
height:50px;
text-align:center;
  margin:0px auto;
  line-height:50px;
  
}

.line
{
  position:absolute;
  width:100%;
  height: 1px;
  background: red;
  top:50%;
  margin:1px 0px;  
  z-index:-9;
  
}