.nav-tab
追加した div クラスのテキスト リンクを中央に配置したいのですが、padding:0 auto;
追加してもうまくいきtext-align:center;
ません。助けてくれてありがとう。
<nav id="main-nav-wrap">
<ul id="main-nav">
<li class="">
<div class="inner">
<div class="nav-tab">
<a href="/"> Home </a>
</div>
<div class="tooltip">
</div>
</div>
</li>
<li class="">
<div class="inner">
<div class="nav-tab">
<a href="/"> abput</a>
</div>
<div class="tooltip">
</div>
</div>
</li>
<li class="">
<div class="inner">
<div class="nav-tab">
<a href="/"> contact</a>
</div>
<div class="tooltip">
</div> </div>
</li>
</ul>
</p>
#main-nav-wrap {
width:200px;
height:60px;
margin:50px 0 0 10px;
padding:0;
border:1px solid red;
}
#main-nav{
width:196px;
height:60px;
top:50px;
margin:0 ;
padding:0;
border:1px solid blue;
}
.inner{
width:63px;
height:58px;
border:1px solid green;
float:left;
}
.nav-tab{
width:50px;
height:58px;
background-color: #BF87D1;
margin:0 auto;
}
.nav-tab a{
vertical-align:-18px;
}