How to center a div inside a div

If you need to center a div within another div, here is the solution from Stack overflow post -

http://stackoverflow.com/questions/114543/how-to-center-div-in-div

Quoting example from the post below for quick reference,

<div id="outer">
  <div id="inner">Foo foo</div>
</div>

#inner {
  width: 50%;
  margin: 0 auto;
}