サンプルページ

こちらは2カラムサンプルです。

同梱ファイル

いらないファイルは削除しちゃって下さい。

h2,h3,h4見出し(タイトル)

<div class="title1">サブ見出し1</div>
<div class="title2">サブ見出し2</div>

文字  <em>強調</em> 
文字  <strong>より強い強調</strong> 
文字  <ins>追加</ins> 
文字  <del>削除</del> 

<p>テキスト部分。文章は<p></p>内に書くようにして下さい。</p>

<p class="none">段落下部の余白を無くします</p>

<p class="small">段落全体の文字を小さくします</p>

<p class="center">真ん中寄せ</p>

<p class="info">P段落の下に線が付くよ</p>

<p class="box1">装飾BOX1</p>

<p class="box2">装飾BOX2</p>

<p class="center">画像真ん中寄せのサンプル</p>
サンプル

記事全体を囲むサンプル<div class="box"></div>

  • リスト(リストマーク付き)
  • リスト(リストマーク付き)
  • リスト(画像アイコン付き)
  • リスト(画像アイコン付き)
  • リスト(画像アイコン付き)
  • リストです。<ul class="info">で下部にドットラインが付きます。
  • こんな感じで。
  • 更新履歴とかにもどうぞ。

共通:h2,h3,h4見出し

共通:サブ見出し1
共通:サブ見出し2
右カラム用:見出し

右カラム用:普通のP段落

<p class="line">
右カラム用:枠付き
</p>

共通:文字を小さく

共通:真ん中表示だよ

共通:装飾ボックスだよ

共通:装飾ボックスだよ