ディベロッパーツールに数値のないMarginについて

Question

前提・実現したいこと

ウェブサイトのスマホのレスポンシブ化をしています。
ディベロッパーツールに数値のないMarginが出ており、困っています。。
初歩的な質問で大変申し訳ありません。

発生している問題・エラーメッセージ

左の画像と文章を伸ばして左枠まで広げたいのですが、右側にディベロッパーツールに数値のないMarginが消えずに、ずっと左に寄ったままになってしまいます。

該当のソースコード

.w-ul, .w-ul-2, .w-ul-3{
display: block;
text-align: center;
margin: 0 auto;
max-width: 100%;
}

.works-img {
width: 100%;
}

.works{
width: 100%;
}

.w-contents{
max-width: 100%;
}

.w-li{
width: 100%;
}

色々試してみたのですが、だめでした。
レスポンシブ化はこちらをhead内に読み込ませて、CSSのページに入力しています。<link rel="stylesheet" href="css/responsible.css" media="screen and (max-width: 450px)">

試したこと

・Viewportが入力されていること
・親要素や子要素をwidthを100%にしてみる
・Overflow:hiddenを設定してみる

お手数をおかけして申し訳ありません。よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

提示されたコードだけでは再現確認ができません。
HTMLも含めて、コピペで再現できるコードをマークダウンにてご提示ください。
https://teratail.com/questions/238564

Answer 1

ブロック要素だからです。（便宜上こう表現します

.w-ul, .w-ul-2, .w-ul-3にtext-align: centerを追加すれば中央寄せになります。

ブロック要素の幅は、初期値で100%です。

Comments

[退会済みユーザー]

ありがとうございます！試してみます！！