css - (大) div は、小さい div の内側で水平方向に中央に配置されます。純粋な CSS ソリューションは可能ですか?

Question

「Wrapper」内で「Shadow」div を水平方向に中央揃えにしたいと考えています。width: 100% のため、「Wrapper」の特定の幅が不明であるため、「Shadow」div がそのコンテナーよりも大きいか小さいかも不明です。

これは可能ですか？私は解決策を考えることができませんでした。自動マージンが機能しません。CSS&HTMLのみでお願いします。

デモンストレーション用のコード:

HTML:

<div class="Wrapper">
  <div class="Shadow">some content</div>
  <div class="Content">some content</div>
</div>

CSS:

.Wrapper{ width: 100%; height: 100%; position: relative; background: url(path) top center no-repeat; max-width: 1520px; max-height: 1050px; overflow: hidden; }
.Shadow{ width: 1520px; height: 1050px; }
.Content{ position:absolute; top: 20px; left: 20px; width: 800px; height: 500px; }