css - コンテンツ配置用の CSS

Question

幅と高さが固定された div タグがあり、別の div タグを親 div の正確な中央に配置する必要があります。margin=auto を試しましたが、問題は解決しません。ポインタはありますか？ありがとう

Answer 1

これを試してください：（フィドル）

div.outer {
    display: table-cell;
    width: 500px;
    height: 500px;
    vertical-align: middle;
    text-align: center;
    background: blue;
}

div.inner {
    width: 200px;
    height: 200px;
    background: red
    display: inline-block;
}