ここでは、a-blog cmsでのユニットを使った各要素の表示、レイアウトについてご説明します。

キャプション文

キャプション文

キャプション文

画像と見出しのレイアウト例

ここは本文テキストが入る部分です。以下、サンプルテキストです。せっかくWebサイトを作っても、新しい情報が載せられないから、載ってる情報が古くなってしまう。更新する技術が無かったり、よく分からない、なんてことはありませんか？
a-blog cmsを使えば、ブログを書くように、いつも使っているWebブラウザから更新ができます。Webの専門の技術や知識が無くても、どんどん新しい情報をあなたのWebサイトに載せられます。

見出し大のテキスト

ここは本文テキストが入る部分です。以下、サンプルテキストです。せっかくWebサイトを作っても、新しい情報が載せられないから、載ってる情報が古くなってしまう。更新する技術が無かったり、よく分からない、なんてことはありませんか？
a-blog cmsを使えば、ブログを書くように、いつも使っているWebブラウザから更新ができます。Webの専門の技術や知識が無くても、どんどん新しい情報をあなたのWebサイトに載せられます。

見出し中のテキスト

ここは本文テキストが入る部分です。以下、サンプルテキストです。せっかくWebサイトを作っても、新しい情報が載せられないから、載ってる情報が古くなってしまう。更新する技術が無かったり、よく分からない、なんてことはありませんか？
a-blog cmsを使えば、ブログを書くように、いつも使っているWebブラウザから更新ができます。Webの専門の技術や知識が無くても、どんどん新しい情報をあなたのWebサイトに載せられます。

見出し小のテキスト

ここは本文テキストが入る部分です。以下、サンプルテキストです。せっかくWebサイトを作っても、新しい情報が載せられないから、載ってる情報が古くなってしまう。更新する技術が無かったり、よく分からない、なんてことはありませんか？
a-blog cmsを使えば、ブログを書くように、いつも使っているWebブラウザから更新ができます。Webの専門の技術や知識が無くても、どんどん新しい情報をあなたのWebサイトに載せられます。

• リストその１
• リストその２
• リストその３

1. 番号付き１
2. 番号付き２
3. 番号付き３

<!-- ここはソースコードが入る部分です。pre要素が摘要されます。 -->
<p>せっかくWebサイトを作っても、新しい情報が載せられないから、載ってる情報が古くなってしまう。更新する技術が無かったり、よく分からない、なんてことはありませんか？</p>
<p>a-blog cmsを使えば、ブログを書くように、いつも使っているWebブラウザから更新ができます。Webの専門の技術や知識が無くても、どんどん新しい情報をあなたのWebサイトに載せられます。</p>

ここは引用テキストが入る部分です。以下、サンプルテキストです。せっかくWebサイトを作っても、新しい情報が載せられないから、載ってる情報が古くなってしまう。更新する技術が無かったり、よく分からない、なんてことはありませんか？
a-blog cmsを使えば、ブログを書くように、いつも使っているWebブラウザから更新ができます。Webの専門の技術や知識が無くても、どんどん新しい情報をあなたのWebサイトに載せられます。

画像の中央寄せ