‍これはH1です。

これはH2です。

これはH3です。

これはH4です。

これはH5です。

これはH6です。

‍通常のテキスト

^{下が開くテキスト}

_{上が開くテキスト}

‍

引用

• 箇条書き
• 箇条書き

1. 番号リスト
2. 番号リスト

‍

マテリアルシンボルを入れてみる

‍

コードブロック

<p class="custom-text">ここにコンテンツを入力します</p>

‍

ここからHTML embed

‍

‍バナー系

‍

画像の横並び

‍

‍

選んだ画像に合わせた選択肢の表示ver2

見出しテキスト 1

add

画像1の詳細コンテンツ

PCではカード列の下に広がり、スマホではカードのすぐ下（アコーディオン）に展開されます。

• グレーの背景色は消えています
• ドット（・）が綺麗に表示されます

リンクも自由に入ります

見出しテキスト 2

add

画像2の詳細

1. 黄色の背景色も消えています
2. 数字が綺麗に表示されます

専用ボタン

見出しテキスト 3

add

p、button、a、listなど自由に配置可能です。4個目、5個目と追加したい場合は、HTMLをコピーして下にペーストするだけで自動認識します。

‍

A：画像クリックで外部リンクに遷移（スマホ幅では縦並びになるコード）
※ styleを上書きされてしまうが、同時に使うことはないため一旦コピー用に置いておく

‍

B：画像クリックで外部リンクに遷移（スマホ幅でも横並びを保つコード）
※ styleを上書きされてしまうが、同時に使うことはないため一旦コピー用に置いておく

‍

ABの比較用

パターンA：スマホで1列（縦並び）

パターンB：スマホで2列（正方形）

‍

リスト系のカスタムを外す

‍