CSS div not moving to the middle

css, html

Solution

If the `width` is always `80%` then just offset the left half of the restant width:

left:10%;

Check this Demo http://jsfiddle.net/LfWBn/7/

Problem

I am making my own website, but for some reason I can't move the black box into the middle of the screen please could you guys help me out. I have to make it on JSFiddle because I don't have enough RP to show screenshots on here. Please see this link to view my code: http://jsfiddle.net/xiiJaMiiE/LfWBn/4/ ``` #white_box { position:absolute; margin:auto 0; min-width:80%; max-width:100%; height:85%; top:0%; background:black; z-index:1; width:80%; } ``` Thanks in advance!

Original source