margin:auto;を適応させたい

Question

実現したいこと

margin:auto;を適応させながら背景画像を入れたい

前提

ここに質問の内容を詳しく書いてください。
position:relative;とposition:absolute;で背景画像とテキストをあわせてテキストの左右をmargin:auto;したいができない

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

エラーメッセージ

該当のソースコード

ソースコード

試したこと

absoluteのtop,leftをautoにしたら画像の上から外れた
top,leftを指定してからmargin:auto;をかけたらmargin:auto;がきかなかった

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

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

Comments

[退会済みユーザー]

https://teratail.com/help/question-tips

[hatena19]

現状のHTML, CSSコードを追記してください。
ご希望のレイアウトの画像をアップロードしてください。

[Koumei]

html
<div class="1">
<div>
<div class="2">
<img src="" alt="">
</div>
<div class="3">
<div class="4">
<img src="" alt="">
</div>
<div class="5">a</div>
<div class="6">a</div>
</div>
</div>
</div>
css
.1 {position:relative;}
.3 {position:absolute;}
希望
３クラスを左右margin:auto;にし、画面サイズをいじっても常に中央揃えになるようにしたいです。

HTMLもテラテイルも初心者でうまく伝えられずすみません

[hatena19]

回答者が動作検証できるコードを提示してください。数字だけのクラス名は無効です。
画像とか各ブロックのサイズ指定、top, leftの位置指定とかも必要です。

Answer 1

詳細が不明確なので中央寄せのいろいろな方法の参考リンクを載せておきます。

【CSS】左右中央寄せ+上下左右中央寄せ サンプルコード付き（初心者向け）

上下中央揃えのCSSまとめ。Gridだと2行、Flexboxだと3行で実現可能 - ICS MEDIA

あとのリンクにあるとおり、今なら、中央寄せは　Grid または Flexbox で実装するのがシンプルでお勧めです。