改行をした際、border-radiusを継承させたい

Question

H1タグでborder-radius:8pxを適用しています。
H1タグ内でbrを使用して改行をした際、２行目もborder-radiusを適用させたいです。
（１行目の末と２行目頭が適用されません）

<h1><span>テキストテキストテキスト<br>テキストテキストテキスト</span></h1>

h1{
  font-size: 1.8rem;
  text-align: left;
  margin: 0 auto 40px;
  line-height: 2.3;
}
h1 span{
  background-color: #ccc;
  height: 40px;
  padding: 5px;
  border-radius: 8px;
}

Answer 1

spanを分ける案件だと思います

<h1><span>テキストテキストテキスト</span><br><span>テキストテキストテキスト</span></h1>

Comments

[ayu_mi]

ご回答ありがとうございます。
とても助かりました。