How do you center a div within a div, vertically and horizontally?

Question

Possible Duplicate:
How to make an image center (vertically & horizontally) inside a bigger div

So I have a div which is 300px in both height and length. I want a div which is 100px in height and width to be within that div, centered horizontally and vertically. So basically there is 100px on every side of the inner div. How do i do that?

This has been asked **to death**. Try searching. The answer is here somewhere. — BoltClock, Jan 19 '12 at 19:58

score 3 · Accepted Answer · answered Jan 19 '12 at 19:56

3

#big {
  width: 300px;
  height: 300px;
}
#small {
  width: 100px;
  height: 100px;
  margin: 100px;
}

<div id="big">
  <div id="small"></div>
</div>

answered Jan 19 '12 at 19:56

cambraca

27,014
16
68
99

How do you center a div within a div, vertically and horizontally?

1 Answers1