centering - html - vertical-align - 要素を水平方向にセンタリングする方法

-Align: center / html / css / alignment

CSSを使用して <div> を別の<div>内で水平方向に中央 <div> するにはどうすればよいですか?

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

40 revs, 26 users 18%



Answer #1
.content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
<div class="content">This works with any content</div>