JSFiddle - React, Tailwind, and code Playground

by Yuraost

HTML

<h2>Заголовок<span></span></h2>
  <div>Содержание блока</div>

CSS

body {
     padding: 5px;
    }
   span {   
     display: block;
     position: relative;
     top: 5px;
     left: -15px;
     height: 3px;
     width: 128%;
    }
   h2 {
     margin: 0px;
     padding: 2px 15px;
     display: inline-block;
     box-shadow: 0 0 2px 2px rgb(177, 220, 124);
     border-radius: 10px 10px 0px 0px;
     max-width: 250px;
    }
   div {
     padding: 5px 15px;
     height: 300px;
     box-shadow: 0 0 2px 2px rgb(177, 220, 124);
     border-radius: 0px 0px 10px 10px;      
    } 
   span, h2, div {
     background: rgb(201, 227,156);
    }