ページ・ヘッダー Page header

ページ・ヘッダーに最適なスタイル。

h1要素に適切なスペースと区切り線を加える。

使い方

ポイントは1つだけ。

1. class属性にpage-headerを指定したdiv要素で、h1要素を括る。

<div class="page-header">
	<h1>サンプル <small>サブ・テキスト</small></h1>
</div>

基本

表示サンプル

ソースコード

<div class="page-header">
	<h1>ページ・タイトル <small>サブ・テキスト</small></h1>
</div>