imgたち（1200pxの画像をheightで300pxに指定）(borderあり)

img(border=1)


a img(border=1)


p img(border=1)

div img(border=1)

span text+img(border=1)
かわいいワンチャン

[space]img(border=1)
　　　　　　　　　

imgたち（1200pxの画像をheightで300pxに指定）(table内)

table img

テーブル

table img(border=1)

テーブル

table(border=1) img

テーブル

table(border=1) img(border=1)

テーブル

table(border=1) text+img(border=1)

テーブル

かわいいワンチャン

table a img

テーブル（リンクあり）

table a img(border=1)

テーブル（リンクあり）

table a text+img(border=1)

テーブル（リンクあり）

かわいいワンチャン

配置（TEXTエディター）

--TEXTエディター--

imgタグを選択して"中央揃え"をクリック
div(style="text-align:center") img

imgタグを選択して"インデント6"を選択
div(style="padding-left:60px")

配置（HTMLエディター）

--HTMLエディター--

画像を選択して"中央揃え"クリック
img(style="display: block; margin-left: auto; margin-right: auto;")

画像を選択して"画像の編集"クリックで配置>右寄せ
img(style="border: 0; float: right;")

floatになっているので画像の下にテキストあってもここに表示されます。

floatになっているので画像の下にテキストあってもここに表示されます。

インライン要素の画像を横に配置したとき

img[200]*4


img[1200]*3


img(width=200)*4


img[200]*4 スペースあり
　　　

img[1200]＊3 スペースあり
　　

img[1200][200][1200] スペースあり
　　

---

リンクのとき

a img*4