ナビゲーション タブ付きのフッターがあります。左右 20 のパディングで 960px のラッパー内にあるタブを中央に配置しようとしています。タブはラッパーの内側にあり、左にフロートされます。それらを中央に配置できるように見える唯一の方法は、ナビゲーションラッパーに幅を設定することですが、純粋に中央に配置されているわけではありません。
これは、次のようになります。
html は次のとおりです。
<div class="wrapper">
<div class="footer_nav clear">
<a href="">
<div class="nav_tab">
Home
</div>
</a>
<div class="nav_tab">|</div>
<a href="">
<div class="nav_tab">
About Us
</div>
</a>
<div class="nav_tab">|</div>
<a href="">
<div class="nav_tab">
Portfolio
</div>
</a>
<div class="nav_tab">|</div>
<a href="">
<div class="nav_tab">
Contact Us
</div>
</a>
</div>
<div class="copyright">
Copyright 2013 Lanai Construction. License #579449
</div>
<div class="social_wrapper_footer">
<div class="fb">
</div>
<div class="t">
</div>
</div>
</div>
そしてCSS:
.footer_nav {
margin:0px auto 0px auto;
margin-top:40px;
margin-bottom:5px;
vertical-align:center;
}
.nav_tab {
font-family:'Edmon';
font-size:14px;
font-weight:bold;
float:left;
color:#fff;
text-align:center;
margin-right:10px;
}
これはすべて、左右に 960 プラス 20px のラッパー内にあります。
前もって感謝します