12 replies

Centering with Absolute Positioning

How would I center this Div using Absolute positioning? https://codepen.io/Matt-CopOffMatt/pen/MWZbNor

I have tried the following:

left: 50%
top:50%;

left: 50%
top:50%;

left: 50%
top:50%;

left: 50%
top:50%;

 transform: translate(50%,50%);

 transform: translate(50%,50%);

 transform: translate(50%,50%);

 transform: translate(50%,50%);

Not entirely sure what else to try. Seems like it's taking the height/width into account which is resulting in a slight offset from center.

...