<h1 class="cp_h1title" title="サブテキスト">見出しテキスト</h1>

.cp_h1title {
  position: relative;
  display: flex;
  justify-content: center;/*左右中央配置*/
  border: 1px solid #29B6F6;
}
.cp_h1title::before {
  position: absolute;
  content: attr(title);
  top: -1em;/*サブテキストの位置*/
  font-size: 40%;
  padding: 0 10px;
  background:#fafcfc;/*サブテキストの背景*/
}