見出しに横線をつける方法

html/css

<h1 class="title">タイトルあれば</h1>
.b_title {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
}
.b_title:before, .b_title:after {
  border-top: 3px solid #1D3894;
  content: "";
  width: 7em; /* 線の長さ */
}
.b_title:before {
  margin-right: 1em; /* 文字の右隣 */
}
.b_title:after {
  margin-left: 1em; /* 文字の左隣 */
}