返信先: HTMLのコピペについて

今、共有されている情報だけで考えると…..
私が勘違いしている可能性がありますが、添付画像のようなイメージでしょうか？

上記のカスタマイズ手順を書きます。（本当はもっと良い方法もあると思いますが…..）

1.埋め込みしたページを開く。ブロックの中から「カスタムHTML」を選ぶ。以下のコードを入力します。

ここにタイトル、ここに文章の箇所にご自身が入力したい文言を入れてください。

<div class="box1">
    <span class="box-title">ここにタイトル</span>
    <p>ここに文章</p>
</div>

2.WordPressの管理画面から「外観」->「カスタマイズ」->「追加CSS」の順にクリックします。以下のコードを貼り付けてください。

.box1 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box1 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

あとは色を変更するとか、線の太さを変更するなどはお好みで調整してみてください。
ご参考なれば幸いです。