Center an Absolute Positioned Div

By Zedric Myers| 2017-06-16T13:07:40+00:00 July 30th, 2015|Categories: Web Development|

Est. Read Time: ~Less Than a Minute

Need to center an absolute div on a page?

This is a simple CSS snippet will auto center an absolute positioned div. There are a few ways, but this bar far is the more simple approach.

.contentBlock {

width: {define width}
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;

}

.contentBlock {

width: {define width}

position: absolute;

left: 0;

right: 0;

margin-left: auto;

margin-right: auto;

}

About the Author: Zedric Myers

Zedric Myers is a Web Designer for Beacon Technologies. After earning his degree in Advertising and Graphic Design, he spent 11 years with an advertising agency in Greensboro, NC where he was initially hired as a designer and transitioned to being a Web Developer.