html - ネストされた div を親 div と div 内のテキストに揃える最良の方法は何ですか?

Question

だから私はここでこの例を作りました: http://jsfiddle.net/cRmCc/2/そして、マージンやパディングを使用せずに、ネストされた div を親 div 内に垂直および水平に配置する最良の方法は何だろうと思っていました。より好ましくは、正確な中心です。これを参照として使用しますが、Google はそれほど役に立ちません。ありがとう！

HTML

<div class="container1">
    <div class="container2">
        Some Text
    </div>
</div>

CSS

.container1 {
    width:200px;
    height:200px;
    background-color:red;
}
.container2 {
    width:100px;
    height:100px;
    background-color:blue;
}

Answer 1

display:table-cell;and とvertical-align:middle;一緒にtext-align:center;andを使用できますdisplay:inline-block;

更新されたフィドル

.container1 {
  width:200px;
  height:200px;
  background-color:red;
  text-align:center;
  display:table-cell;
  vertical-align:middle;    
}
.container2 {
  width:100px;
  height:100px;
  background-color:blue;
  display:inline-block;
}

注: サポートされている場合は、古いブラウザーのフォールバックが必要になります。