パーツ番号 02-07-06 ・ CSSのみ

二段構成見出し(英字+和文)

小さな英字ラベルの下に大きな日本語見出しを重ねる二段構成。サービスサイトの章立て見出しに使いやすい。

staticcss

プレビュー

ソースコード

HTML

<div class="wrap">
          <span class="en">SERVICE</span>
          <h4 class="ja">サービス内容</h4>
        </div>

CSS

.d02-07-06 .wrap{ text-align:center; }
        .d02-07-06 .en{ display:block; font-size:12px; font-weight:700; letter-spacing:0.25em; color:#9ca3af; margin-bottom:6px; }
        .d02-07-06 .ja{ all:unset; display:block; font-size:26px; font-weight:800; color:#111827; }

クラス名 .d02-07-06 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。