0

テキストを親要素の中央に配置しようとしています。これが私のコードです。

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の外観は次のとおりです。

4

2 に答える 2

0

display:table;.h1temp に書き込むだけ

于 2013-05-14T03:32:27.190 に答える