【CSS】複数行のテキストに余白付きで背景色をつける方法

「テキストだけに背景色を付与したいけど、複数行だと上手くいかない。。」

実は普通にテキストだけに背景色を付与しようとしても上手くいかないんですよね。今回をそれを解消する実装方法をご紹介していきます。

実装方法

See the Pen Untitled by masata (@masata_lm) on CodePen.

このようにbox-decoration-break: clone;を指定することで改行してもテキストのみに背景色が付与できるようになっています。