Markdown で文字と画像を中央寄せ

下記文書を Markdown で文書を書く場合、画像を中央に寄せたいなと思ったら、どうすればいいんですか？

こんにちは！
        ＜画像＞
        画像タイトル
終わり。

markdown で普通に書けば、下記のようになります：

![my image](/img/myImage.jpg)
画像タイトル

画像タイトル

まずは結論を!

Markdown で文書書くとき、あまり HTML タグをいっぱい書きたくないし、なるべく Markdown 文法で統一したいので、個人的に一番いい書き方は下記です：

中央に寄せたい部分の直前に{: align="center"}の１行をおけばいいです。

それで終わりです。例は下記です：

{: align="center"}
![my image](/img/myImage.jpg)
画像タイトル

画像タイトル

備考：Kramdown を使うのは前提です。Kramdown は Jekyll のデフォルト Markdown レンダラーです。Jekyll を使ってサイトを構築している方は大丈夫です。もちろん Github page もOKです。標準な Markdown だと上記書き方は効かないです。

書き方は色々

HTML タグ

ぐぐッてみたら、オンラインで流れている書き方は大体こんな感じです：

テキスト

<div style="text-align: center;">
    センタリングしたい文章
</div>

画像

<div align="center">
    <img src="画像のPATH" alt="属性">
</div>

もともと Markdown では HTML を書けるので、どちらでも問題なく中央寄せはできます。

注意点：

テキストの場合のtext-alignと画像の場合のalignが違うので、気をつけましょう。

ほかの書き方

1. <center>を使う

<center><img src="画像のPATH" alt="属性"></center>
<center>画像タイトル</center>

2. もしCSSを定義できれば（これもすごくいい！）

![my image](/img/myImage.jpg#center)

CSSに下記スクリプトを追加

img[src*='#center'] { 
    display: block;
    margin: auto;
}

参考ページ：

Using Markdown, how do i center an image and its caption - Stackflow.