言語はhtml ですが、画像を中央寄せにしたい。

著書とネットでも調べましたが分かりませんでした。
私がわかる範囲で以下としました。
<li><img src="images/leaf/14366.jpg"style="width:80%""center" alt="枯葉>"</li>
　しかし、出来ません！？
どうしたら画像が中央寄せになりますか？
よろしくお願いいたします。

No.1 ベストアンサー 回答者： 銀鱗 回答日時： 2019/10/30 09:58

<center>

<img src="images/leaf/14366.jpg" style="width:80%" alt="枯葉" title="test">
</center>

で、良いと思うんだ。

この回答へのお礼

ご回答くださいまして、ありがとうございました。
It is perfect.　ピッタリです。

お礼日時：2019/10/31 06:57

No.3 回答者： fujillin 回答日時： 2019/10/30 10:45

こんにちは

＞どうしたら画像が中央寄せになりますか？
親要素のli要素に対して中央配置したいものとして考えました。
（画面に対してなど基準が異なる場合は、他の方法による必要があります。）

まず、ご提示のHTMLですが、img要素には「center」という属性は存在しません。
また、ダブルクォーテーションの位置におかしなところがあります。
ですので、一応、以下のマークアップを基準として考えました。

<li>
<img src="～～～" style="width:80%;" alt="枯葉">
</li>

方法1
widthの基準はli要素の幅なので、左右のマージンを10％とることでセンタリングする
<li>
<img src="～～～" style="width:80%; margin:0 10%;" alt="枯葉">
</li>

方法2
親要素のliにテキストのセンタリングを設定しておく
<li style="text-align:center;">
<img src="～～～" style="width:80%;" alt="枯葉">
</li>

他にも方法はいろいろあると思いますが、代表的（？）な例として。
<center>でも動作するとは思いますが、このタグは既に廃止されていますので、お勧めはしません。
https://developer.mozilla.org/ja/docs/Web/HTML/E …

この回答へのお礼

詳しくご回答をくださいまして、ありがとうございました。
暇暇読ませていただきます。

お礼日時：2019/10/31 07:16

No.2 回答者： スリープ 回答日時： 2019/10/30 10:05

<center>

その画像
</center>

この回答へのお礼

ご回答くださいまして、ありがとうございました。

お礼日時：2019/10/31 06:57