けんのすけぶろぐ

体験、経験に基づいた色々をご紹介!

HTMLだけで画像を中央に配置する方法 | はてなブログ

はてなブログなどで、HTMLだけで画像を中央に配置する方法を完結にまとめました。

はてなブログ

 

  1. 「記事を書く」を選択して「HTML編集」を選択

    f:id:kennosukemiura:20180811114027j:plain

  2. 画像を示すHTMLを探してください。
    <p><img class="○○" title="○○" src="○○" alt="○○" width="○○" /></p>
    の様なコードです。
  3. 最初と最後のコード<p></p>を直接以下の様に書き換えて下さい。
    <div align="center"><img class="○○" title="○○" src="○○" alt="○○" width="○○" /></div>

これで画像は中央に移動します!