テキスト装飾 – 背景色 box-decoration-break

HTML

<div class="emphasis"><p>メインビジュアルで使えるデザイン</p></div>

CSS

.emphasis p {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 2.2;
  background-color: #e5c046;
}