headerの画像を中央にしたいです。

Question

cssでは画像を中央になるように設定しています。
画像構成がHPだと左に寄っているのですが、検証内だと中央に画像があります。
原因はなんでしょうか？
フレームワークはlaravelを使用しています。
html

<a class="navbar-brand mx-auto" href="{{ url('/') }}">
          <img src="{{asset('img/logo.jpg')}}" alt="logo" class="logo-img">
        </a>

css

.logo-img {
    width: 108px;
    height: 24px;
    object-fit: cover;
}

Comments

[syoshinsya-]

HPと検証で使っている環境を良ければ記載してください。
環境要因でうまくいっていない可能性もあります。

また、それぞれどのように表示されているか画像があればもっとよいと思います。

余談ですが、imgタグについては位置指定されてないように見えます。
(aタグだけ中央になっている?)

[Lhankor_Mhy]

『cssでは画像を中央になるように設定しています』とのことですが、この「中央」は、何に対しての中央ですか？　また、中央ぞろえにしている部分のCSSも提示してください。

Answer 1

cssでは画像を中央になるように設定しています

画像を中央にする設定が書かれていませんね

<style>
.container{ 
  width:80%;
  background-Color:gray;
  text-align:center;
}
.logo-img {
  width: 108px;
  height: 24px;
  object-fit: cover;
}
</style>
<div class="container">
<a class="navbar-brand mx-auto" href="#">
<img src="https://placehold.jp/ff0000/00000/108x24.png?text=1" alt="logo" class="logo-img">
</a>
</div>