背景色付きボックス見出し

<h2 class="heading-center-line">✦ 注目のトピック ✦</h2>

.heading-center-line {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin: 40px 0;
}

.heading-center-line::before,
.heading-center-line::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 30%;
  height: 1px;
  background: #ccc;
}

.heading-center-line::before {
  left: 0;
}

.heading-center-line::after {
  right: 0;
}