JSFiddle - React, Tailwind, and code Playground

HTML

<h1><span>Title</span></h1>

CSS

h1 {
  text-align: center;
  background: -moz-linear-gradient(top, #fff 0%, #fff 50%, #ddd 50%, #ddd 50.5%, #fff 50.5%, #fff 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #ddd 50%, #ddd 50.5%, #fff 50.5%, #fff 100%);
  background: linear-gradient(top, #fff 0%, #fff 50%, #ddd 50%, #ddd 50.5%, #fff 50.5%, #fff 100%);
}
h1 span {
  background: #fff;
  padding: 0 15px;
}