JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Title</h1>

CSS

h1 {
  display: table;
  white-space: nowrap;
  width: 100%;
}

h1:before,
h1:after {
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding;
  background-image: -moz-linear-gradient(transparent 49%, #ddd 50%, #ddd 51%, transparent 51%);
  background-image: -webkit-linear-gradient(transparent 49%, #ddd 50%, #ddd 51%, transparent 51%);
  background-image: linear-gradient(transparent 49%, #ddd 50%, #ddd 51%, transparent 51%);
  content: "";
  display: table-cell;
  width: 50%;
}

h1:before {
  border-right: 15px solid transparent;
}

h1:after {
  border-left: 15px solid transparent;
}