最初の文字の上下に線を引いたCSS見出しデザイン

first-letter疑似要素で最初の文字に線を入れてます。 線のスタイルを変更する場合は「border」プロパティを調整してください。

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

素材:pixabay