知行合一・当意即妙・誠心誠意

①　文字色を赤くする

福山市立千年中学校

<p class="red">福山市立千年中学校</p>

②　文字色を青くする

福山市立千年中学校

<p class="blue">福山市立千年中学校</p>

③　文字色を緑にする

福山市立千年中学校

<p class="green">福山市立千年中学校</p>

④　文字サイズを少し大きくする

福山市立千年中学校

<p class="big">福山市立千年中学校</p>

⑤　文字を太字にする

福山市立千年中学校

<p class="bold">福山市立千年中学校</p>

⑥　アンダーラインを引く

福山市立千年中学校

<p class="underline">福山市立千年中学校</p>

⑦　文書をセンタリングする

福山市立千年中学校

<p class="center">福山市立千年中学校</p>

⑧　文書を右寄せする

福山市立千年中学校

<p class="right">福山市立千年中学校</p>

⑨　①～⑧を合せて指定することもできます。例えば緑色で，少し大きな文字で，太字で，センタリングし，アンダーラインを引く場合。

福山市立千年中学校

<p class="green big bold center underline">福山市立千年中学校</p>

⑪　文書の一部分を装飾する場合。装飾する範囲を<span>と</span>で囲って指定します。

福山市立千年中学校

<p>福山市立<span class="blue big bold">千年</span>中学校</p>

⑫　ページタイトル用に特別に用意された装飾

福山市立千年中学校

<p class="large">福山市立千年中学校</p>

<p>福山市立千年中学校</p>  これを基本形として

福山市立千年中学校

１文字ずつ右寄せされます。

福山市立千年中学校

<p class="indent1">福山市立千年中学校</p>

福山市立千年中学校

<p class="indent2">福山市立千年中学校</p>

福山市立千年中学校

<p class="indent3">福山市立千年中学校</p>

福山市立千年中学校

<p class="indent4">福山市立千年中学校</p>

福山市立千年中学校

<p class="indent5">福山市立千年中学校</p>

箇条書きスタイルで1文字ずつ右寄せされます。
リスト項目の最初の記号（〇，ア，イ，１，２，Ａ，Ｂなど）は，１文字前に出るように調整されます。

〇　福山市立千年中学校は「福山に愛着と誇りを持ち，変化の激しい社会をたくましく生きる子ども」を育てます。

〇　福山市立千年中学校は「福山に愛着と誇りを持ち，変化の激しい社会をたくましく生きる子ども」を育てます。

<p class="list1">〇福山市立千年中学校は，・・・・</p>

<p class="list1">〇福山市立千年中学校は，・・・・</p>

ア　福山市立千年中学校は「福山に愛着と誇りを持ち，変化の激しい社会をたくましく生きる子ども」を育てます。

イ　福山市立千年中学校は「福山に愛着と誇りを持ち，変化の激しい社会をたくましく生きる子ども」を育てます。

<p class="list2">ア　福山市立千年中学校は，・・・・</p>

<p class="list2">イ　福山市立千年中学校は，・・・・</p>

１　福山市立千年中学校は「福山に愛着と誇りを持ち，変化の激しい社会をたくましく生きる子ども」を育てます。

２　福山市立千年中学校は「福山に愛着と誇りを持ち，変化の激しい社会をたくましく生きる子ども」を育てます。

<p class="list3">１　福山市立千年中学校は，・・・・</p>

<p class="list3">２　福山市立千年中学校は，・・・・</p>

Ａ　福山市立千年中学校は「福山に愛着と誇りを持ち，変化の激しい社会をたくましく生きる子ども」を育てます。

Ｂ　福山市立千年中学校は「福山に愛着と誇りを持ち，変化の激しい社会をたくましく生きる子ども」を育てます。

<p class="list4">Ａ　福山市立千年中学校は，・・・・</p>

<p class="list4">Ｂ　福山市立千年中学校は，・・・・</p>