CSSのデザイン確認用ページ

CSSのデザイン確認用ページ

H2タイトル

ここが本文です。
http://lionblog.fit-jp.com/styleguide/
※Pタグが勝手に削除されます。

DIVで囲った

H3タイトル

ここが本文です。

H4タイトル

ここが本文です。

H5タイトル

ここが本文です。

コードエディタ

plugin「Highlighting Code Block」を使っています。

<VirtualHost *:80>
ServerAdmin hogehoeg@gmail.com
ServerName hoge9876.com
DocumentRoot /home/hoge9876_com/webroot/public_html
ErrorLog /home/hoge9876_com/webroot/logs/error_log
CustomLog /home/hoge9876_com/webroot/logs/access_log combined env=!no_log
<Directory "/home/hoge9876_com/webroot/public_html">
#Options Includes ExecCGI FollowSymLinks
AllowOverride All
Require all granted
#DirectoryIndex index.php index.html
</Directory>
</VirtualHost>
/*  memomemoemomeom */
.panel{
  size:15px;
}

画像

imgのみ

画像には何もオプション設定していない。

画像にオプション有り

caption,align,alt,リンクなどを付けています。

代替テキスト
キャプション部分

テーブル

項目1項目2項目3
1行目 値11行目 値21行目 値3
2行目 値12行目 値22行目 値3

リスト

ulリスト

  • 1行目
  • 2行目
  • 3行目

olリスト

  1. 1行目
  2. 2行目
  3. 3行目

dl dt ddリスト

ソフトドリンク
一般の飲料
お酒
アルコール入り飲料

動画

Youtubeeeeeeeeeeeeeeee

DIVボックス

枠線ボックス borderBox
二重線ボックス border2Box
背景ボックス bgBox
ペーパーボックス paperBox
太文字ボックス boldBox
括弧ボックス bracketsBox
はてなボックス questionBox
ビックリボックス exclamationBox
ポイントボックス pointBox
注釈
ctaPost__title
ctaPost__contents