JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<h2>test<span>test</span></h2>

CSS

h2 {
  position:relative;
  padding:0 150px;
  text-align:center;
}
h2:before {
  content:'';
  position:absolute;
  top:50%;
  left:0;
  width:100px;
  height:6px;
  border-radius:90% 10% 10% 90%/50% 50% 50% 50%;
  background:red;
}
h2:after {
  content:'';
  position:absolute;
  top:50%;
  right:0;
  width:100px;
  height:6px;
  border-radius:10% 90% 90% 10%/50% 50% 50% 50%;
  background:red;
}