医療法人防治会 いずみの病院

各種見出しスタイル

※h1〜h2ヘッダーなど使用していますので、h3から使用してください。

<h3>h3タグ</h3>

<h4>h4タグ</h4>

<h5>h5タグ</h5>

<h6>h6タグ</h6>

本文スタイル

<p>本文タグ</p>

本文・見出し揃え

<p class="align_right">本文・見出しを右揃え</p>

<p class="align_center">本文・見出しを中央揃え</p>

本文装飾スタイル

<p class="underline">本文に下線</p>

<p class="blue">本文を青に</p>

<p class="grenn">本文を緑に</p>

<p class="red">本文を赤に</p>

リストスタイル

◉list01
<ul class="list01"><li>AAAAA</li><li>BBBBB</li><li>CCCCC</li></ul>

• AAAAA
• BBBBB
• CCCCC

◉list02
<ul class="list02"><li>AAAAA</li><li>BBBBB</li><li>CCCCC</li></ul>

• AAAAA
• BBBBB
• CCCCC

◉list03
<ul class="list03"><li>AAAAA</li><li>BBBBB</li><li>CCCCC</li></ul>

• AAAAA
• BBBBB
• CCCCC

◉list_link01
リンク用のリストタグ
<ul class="list_link01"><li>＜a href="#">リンク設定</a></li></ul>

• リンク設定

◉ol_list01
番号付きのリストタグ
<ol class="ol_list01"><li>＜a href="#">リンク設定</a></li></ul>

1. 診察券・健康保険証・介護保険証・減額認定証(お持ちの方)
2. 常用薬（お薬手帳）
3. タオル・バスタオルなど
4. ティッシュ・ウェットティッシュ・おむつ
5. マスク

◉クラスに inline を追加でリストが横並びになります。
<ul class="list02 inline"><li>AAAAA</li><li>BBBBB</li><li>CCCCC</li></ul>

• AAAAA
• BBBBB
• CCCCC

定義リストスタイル

◉dl-list01
<dl class="dl-list01"><dt>AAAAA</dt><dd>BBBBB</dd><dd>CCCCC</dd></dl>

AAAAA

BBBBB

CCCCC

枠線スタイル

◉waku01
<div class="waku01"><p>枠線を追加します</p></div>

◉waku02
<div class="waku02"><p>枠線を追加します</p></div>

◉waku03
<div class="waku03"><p>枠線を追加します</p></div>

テーブルスタイル

◉table01

画像左右寄せ

◉左寄せ
<div class="float_left"></div>

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

◉右寄せ
<div class="right_left"></div>

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

画像が左側にくるボックス

※画像が左側に来るボックスです。

◉img-l-box
<div class="img-l-box">
<div><img src="/img/page/sample-renkei3.jpg" /></div>
<div>テキストが入ります。</div>
</div>

テキストテキスト