質問: 現在サイトの画像の差し替えの練習をしているのですが、どうもうまくいかないことがあるため、ここで質問させていただきます。 下記の写真を見て分かる通り、正常の画像のロゴは、白い背景の真ん中に位置していますが、 異常の画像のロゴは、左側にずれております。 どうにかして、この異常の画像のロゴを白い背景の真ん中に配置したいのですが、いまだ解決策が見当たりません。 大変恐縮ですが、どなたかわかる方ご教授願えないでしょうか? よろしくお願いします。 **これまで改善に向けて、取り組んだこと** まず私は、画像の差し替えをする為、webから画像(brand-1.gif)をとってきて、既存の画像(B.jpeg)と入れ替えました。 A.gifは、photoshopsで拡張子を.pngに変えたりしました。(しかし、jpegに変更することができなかった)。 そのあと、 と入力したり、"margin:0 auto;"の部分を"text-align:center;"や"align:middle;"にしたり、試行錯誤したが、ロゴを真ん中に移動させるどころか、消えてしまったりして、うまくいかなかった。 ここに、私の編集中のWebsiteのURLと co-712.it.3919.com 練習に利用したWebsite http://www.kikkoman.co.jp/ を記載させていただきます。 ``` ラブレ コード ``` **正常** ![![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/9d62c66929daf17d79fbf827f178bfdb.png)] **異常** ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/c6a0444ad27cb26470d43dd6d1fbf751.png)
回答: https://wayohoo.com/programming/css/how-to-center-the-img-tag.html http://webkcampus.com/201501/949/ 上記のように、色々と参考にできるページがあると思いますが、いかがでしょうか?