CSS technique for a horizontal line with words in the middle

by Tsuneo Yoshioka

HTML

<h1>Today</h1>

CSS

h1 {
  display: flex;
  flex-direction: row;
}
h1:before, h1:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #000;
  margin: auto;
}