Center an Absolute Div CSS and HTML
I had this problem the other day when trying to center a div, and it had to also be absolute too sit over the top of a slider.
Here is an easy fix.
Make the outer div absolute and then the inner div relative.
Set the outer div to left: 50%;
Set the inner div to left: -50%;
Done it should be .. in the middle of the screen.
position: absolute; left: 50%;
position: relative; left: -50%; width:300px;
<p>Some Absolute Inner Centered Content.</p>
<p>Could be good for a modal or something?</p>