テキストを親要素の中央に配置しようとしています。これが私のコードです。
HTML
<div class="header"><!--header-->
<span class="child">
<h1 class="h1temp">
<div class="left">Hello</div>
<div class="left down">There</div>
<div class="left downer">James</div>
</h1>
</span>
</div><!--header-->
CSS
.header {
height: 200px;
background-color:#C0C0C0;
position:relative;
}
.child {
position:absolute;
margin:50% auto;
width:900px;
}
.h1temp {
margin:0 auto;
font-size: 20px;
}
問題は、テキストが親要素ではなくブラウザーに合わせられることです。現在のjsFiddleの外観は次のとおりです。