.hr-text {
  position: relative;
  border: none;
  height: 1px;
  background: #999;
}

.hr-text::after {
  content: attr(data-content);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 0 10px;
  color: #999;
}