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

.cp_h1title {
  position: relative;
  display: flex;
  justify-content: center;/*左右中央配置*/
  border: 1px solid #29B6F6;
}
.cp_h1title span {
  position: absolute;
  top: -1em;
  font-size: 80%;
  width: fit-content;/*サブテキストの幅分*/
  padding: 0 10px;
  background: #fafcfc;/*サブテキストの背景*/
}