画像関連のデモページ

画像関連のデモページ

※このページで使用している画像はフリー写真素材ぱくたそ様を利用させていただいております。

横長画像

縦長画像

左揃え

左揃えの画像。右側にテキストが回り込みます。右側にテキストが回り込みます。右側にテキストが回り込みます。右側にテキストが回り込みます。右側にテキストが回り込みます。

右側にテキストが回り込みます。右側にテキストが回り込みます。右側にテキストが回り込みます。右側にテキストが回り込みます。右側にテキストが回り込みます。

スマートフォンでみたときは回り込みが解除されます

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

左揃えの画像。右側にテキストが回り込みます。右側にテキストが回り込みます。右側にテキストが回り込みます。右側にテキストが回り込みます。右側にテキストが回り込みます。

スマートフォンでみたときは回り込みが解除されます

右揃え

右揃えの画像。左側にテキストが回り込みます。左側にテキストが回り込みます。左側にテキストが回り込みます。左側にテキストが回り込みます。左側にテキストが回り込みます。

左側にテキストが回り込みます。左側にテキストが回り込みます。左側にテキストが回り込みます。左側にテキストが回り込みます。左側にテキストが回り込みます。

スマートフォンでみたときは回り込みが解除されます

中央寄せ

キャプションあり

ここにキャプションが入ります

ギャラリー

1列

ギャラリー前後のテキストです

ギャラリー前後のテキストです

2列

ギャラリー前後のテキストです

ギャラリー前後のテキストです

キャプション入りのギャラリーでした

3列

ギャラリー前後のテキストです

ギャラリー前後のテキストです

4列

スマートフォンでは2列表示になります

タブレット・PCでは4列表示になります

ギャラリー前後のテキストです

ギャラリー前後のテキストです

5列

スマートフォン・タブレットでは2列表示になります

ギャラリー前後のテキストです

ギャラリー前後のテキストです

6列

スマートフォン・タブレットでは2列表示になります

ギャラリー前後のテキストです

ギャラリー前後のテキストです

7列

スマートフォン・タブレットでは2列表示になります

ギャラリー前後のテキストです

ギャラリー前後のテキストです

8列

スマートフォン・タブレットでは2列表示になります

ギャラリー前後のテキストです

ギャラリー前後のテキストです

9列

スマートフォン・タブレットでは2列表示になります

ギャラリー前後のテキストです

ギャラリー前後のテキストです