枠線に見出しを重ねたブロック

 
ブロックにborderを設定して囲うことはよくあると思います。その枠線に見出しを重ねたようなレイアウト。
見出し背景に色を指定して線を切ったようにしているため、周囲と枠線内の色は同色でないと納まりが悪くなるので注意が必要です。また、見出しの改行には適切な対応が難しいため、POINTやMERITなど短い文字数での利用をおすすめします。

POINT

どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。


Tablet View

SP View