一列に複数配置_パターン1

【CSS】
たとえば
・全体の幅:640px
・コンテンツ幅:630(640 - 5 - 5)px
・真ん中寄せでテキスト
・左端にimg:44px四方
となっている時

- - -
<header>
<a href="#"><img src="image.png" width="44" height="44" alt="画像"></a>
<h1>タイトル</h1>
</header>

- - -

header {
float: left;
text-align: left;
width: 640px;
}
a {
float: left;
margin-top: 5px;
margin-left:5px;
}
h1 {
float: left;
width: 542px;
font-size: 24px;
margin: 10px 0;
text-align: center;
}

- - -
他にも色々解法はあるだろうけど、とりあえず!
最終更新:2011年11月24日 11:01