この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

以下は画像横並び。メディアサイズを「中」、配置を「左」「右」にすることで表示可能です。

設定したキャプションはこのように表示されます

2カラムのレイアウト例

style=”clear:both”で回り込みを解除。

見出し2

縦長画像を挿入した場合。最大高さ640px 横幅は高さに合わせて可変。

縦長2カラム

style=”clear:both”を設定しない場合は文章が回り込みます。

Title 1見出し1 これはタイトルダミーです。

見出し2

• liリスト
• liリスト
• liリスト
• liリスト

見出し3

1. olリスト
2. olリスト
3. olリスト
4. olリスト

見出し4

太字と斜体、リンクテキスト、テキストの色変更。

見出し5

引用文。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。引用文。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

引用文。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

引用：引用元の記事タイトル

見出し6

インデントで本文左に余白を設ける。

スクロールできるテーブル (html)

.table_scrollで囲み、tableタグのmin-widthを適宜調整してください。

テキスト左寄せ。

テキスト中央寄せ

テキスト右寄せ。

横並びについて (html)

比率を指定した横並びは「.grid-cmn」の指定がおすすめです。
横並びにしたい要素を「.grid-cmn」で囲み、子要素に「.col」「.col-l-数字」を指定します。
このクラスは12カラムでのレイアウトをベースとしており、col-l-数字部分が合計12になるよう調整してください。

「col-l-6」のを指定すると5つ並びになります。

スマホのみ横並びの個数を変更したい場合は「.col-l-数字」に続き「.col-s-数字」を指定します。
また、「gap-数字」で要素同士の余白を調整することができます。
「gap-数字」は10と20の指定が可能です。

「col-l-数字」は比率違いでの指定も可能です。
また、「ai-center（上下中央寄せ）」、「jc-center（左右中央寄せ）」もご利用いただけます。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。