How to center a "position: absolute" element

html css css-position centering
user1098278 picture user1098278 · Dec 14, 2011 · Viewed 889.4k times · Source

I'm having a problem centering an element that has the attribute position set to absolute. Does anyone know why the images are not centered?

Answer

baaroz picture baaroz · Aug 28, 2013

If you have set a width you may use:

position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;

Related questions

CSS : centering absolute positioned text inside relative parent

How can I center absolute positioned text inside fluid relative parent? I'm trying to use text-align:center on parent elements but it always centers child's left corner, not element itself. http://jsfiddle.net/sucTG/2/

Read More
How does the "position: sticky;" property work?

I want to make the Navigation Bar stick to the top once I scroll to it, but it's not working and I have no clue why. If you can please help, here is my HTML and CSS code:

Read More
How can I make the contents of a fixed element scrollable only when it exceeds the height of the viewport?

I have a div positioned fixed on the left side of a web page, containing menu and navigation links. It has no height set from css, the content determines the height, the width is fixed. The problem is that if …

Read More