CSS实现Div在另一个Div中居中

HTML代码：

<div id="outer" style="width:100%">
  <div id="inner">Foo foo</div>
</div>

可以通过为inner区块添加下面的css样式实现：

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

当然width设置为50%是非必须的，实现div区块居中生效的是marin属性，如果目标浏览器为IE8+ 可以用下面的样式来代替：

#inner {
  display: table;
  margin: 0 auto;
}