Center an Absolute Positioned Div

Beacon Blog Article

By Zedric Myers | Published July 30, 2015 | Categories: Web Development

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;

}

Recent Posts

close up photo of microphone
How Brand Voice and Tone Build Stronger Connections With Your Students View this Story
Excited man
A Guiding Light: 5 Must-Sees on Beacon's Brand New Website View this Story
Smart phone displaying lock symbol
Unlocking the Web: The How and Why of Web Accessibility View this Story
image of balancing stones on river
Tired of Open-Source Chaos? Find Balance With a Proprietary CMS View this Story

Let's get to work!

Contact Us