画像はウェブサイトの中心に置かれず、携帯端末を中心にしています。

Question

私は競争のために何か作業をしています。コードはモバイルで利用できる必要があります。私は今のところコードを持っていますが、イメージはウェブサイトの中心にはありません。モバイルデバイスでは、画像は中央に配置されます。 イメージをウェブサイトの中央に配置しようとすると、イメージはモバイルデバイスで切断されます。

---

<div style = "margin-left: 12.5%; display: block;"> 
    <img src = "images/Files for contact page/FINAL.png" alt="" usemap="#map" /> 
    <map name = "map"> 
     <area shape = "circle" coords="682, 392, 70" href = "https://apprentices-flynboy.c9users.io/forum" /> 
     <area shape = "circle" coords="338, 389, 70" href = "https://apprentices-flynboy.c9users.io/forum" /> 
     <area shape = "circle" coords="831, 164, 70" href = "https://apprentices-flynboy.c9users.io/forum" /> 
     <area shape = "circle" coords="510, 163, 70" href = "https://apprentices-flynboy.c9users.io/forum" /> 
     <area shape = "circle" coords="199, 173, 70" href = "https://apprentices-flynboy.c9users.io/forum" /> 
    </map> 
    </div> 

---

私は恐ろしいフォーマットごめんなさい。私は以前このサイトを使ったことがないので、私は学びたいと思っています！

Answer 1

センターは非難されているので、これは恐ろしい答えです。

しかし、私は常にこれらの問題にぶつかり、一貫して動作するものは<center>です。画像をブロックの外に移動してみてください。

<center> 
img 
</center> 

私はhtmlを毎日やっていますが、試してみる価値があります。