文字の左に英字を配置し線を引いたCSS見出しデザイン

contentに 'heading'を設定。位置を調整し文字の左に配置。「border-right」で線を引いています。

画面内の文字は直接編集できます。

Photo by Sambeetarts on pixabay