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

サイドライン付き大見出し

左に縦長のカラーバーを伴う大見出し。会社概要や事業紹介などのセクショントップに向くスタイル。

staticcss

プレビュー

ソースコード

HTML

<div class="wrap">
          <span class="bar"></span>
          <h4 class="ttl">Company Profile<br>会社概要</h4>
        </div>

CSS

.d02-07-05 .wrap{ display:flex; align-items:center; gap:16px; }
        .d02-07-05 .bar{ width:6px; height:56px; background:#dc2626; border-radius:3px; flex-shrink:0; }
        .d02-07-05 .ttl{ all:unset; display:block; font-size:19px; font-weight:800; color:#1f2937; line-height:1.5; }

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