Centering a Fixed-Sized Element

by Ashley N Cameron

Published: Dec 10, 2012

About a 1 minute read

"The art of living… is neither careless drifting on the one hand nor fearful clinging to the past on the other. It consists in being sensitive to each moment, in regarding it as utterly new and unique, in having the mind open and wholly receptive."

Alan Watts


1
2
3
4
5
6
7
8
9
div {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 400px;

  height: 300px;

  margin-top: -150px; /* 1/2 of your element height*/

  margin-left: -200px; /* 1/2 of your element width */

}