JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">

  <div class="hr-text">
    <span>Some text</span>
  </div>
  
</div>

CSS

#container {
  background-color: #e5e5e5;
  padding: 50px;
}

.hr-text {
	border-top: 1px solid #999;
	text-align: center;
	background-color: inherit;
}

.hr-text span {
	display: inline-block;
  position: relative;
  height: 14px;
	top: -12px;
	font-size: 14px;
	font-style: italic;
	color: #666;
	background-color: inherit;
	padding: 0 10px;
}