CSS「absolute」で真ん中寄せにする

横幅が2000pxなど、かなり大きな画像をトップのメインで使いたい場合など、イメージを常に真ん中に持ってきたい場合など、ディスプレイサイズに関係なく背景画像を真ん中に配置したいときなどにCSSの「absolute」を使って指定してみます。

デモサンプル

 以上になります。