2

div 内の中央に配置する必要があるドロップダウン ナビゲーション メニューがありますが、text-align: center が機能しません。

このサイトはhttp://www.joekellywebdesign.com/churchsample1/index.htmlにあります。

HTML

<div id="navmenudiv">
   <ul id="navmenu">
      <li><a href="index.html">Home</a></li>
      <li>
         <a href="about.html">About Us</a>
         <ul class="sub1">
            <li><a href="introduction.html">Introduction</a></li>
            <li><a href="whoweare.html">Who We Are</a></li>
            <li><a href="staff.html">Staff</a></li>
         </ul>
      </li>
      <li>
         <a href="services.html">Services</a>
         <ul class="sub1">
            <li><a href="sundaymorning.html">Sunday Morning</a></li>
            <li><a href="sundayevening.html">Sunday Evening</a></li>
            <li><a href="wednesday.html">Wednesday Evening</a></li>
         </ul>
      </li>
      <li><a href="resources.html">Resources</a></li>
      <li><a href="contact.html">Contact Us</a></li>
      <li><a href="news.html">News and Events</a></li>
   </ul>
</div>

CSS

navmenudiv {
    z-index:60;
    margin: -30px 0;
    height:50px;
    background-color:#5340BF;
    top:40;position:
    relative;
    text-align:center;
}
4

2 に答える 2

0 
ul#navmenu li {
width: 125px;
text-align: center;
position: relative;
margin-right: 4px;
display: inline-block;
margin: 0 10px;
}
于 2013-09-30T02:09:28.167 に答える