你能帮我把一些文字对齐吗?
页面在这里:
http://www.marinhomephotography.com/
我想将黑色导航菜单(Home Gallery Pricing Contact)中的文本对齐到右侧,但我无法使用div中的float或text-align;适合上课。
另外,我是个白痴。我有没有提到???
每次我尝试浮动:对,黑色导航栏缩小,或者它消失。我希望它保持整页宽度。
HTML:
<ul id="menu-custom1" class="menu genesis-nav-menu menu-primary"><li id="menu-item-20" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-20"><a href="http://www.marinhomephotography.com/">Home</a></li>
<li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17"><a href="http://www.marinhomephotography.com/gallery/">Gallery</a></li>
<li id="menu-item-18" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18"><a href="http://www.marinhomephotography.com/pricing/">Pricing</a></li>
<li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16"><a href="http://www.marinhomephotography.com/contact/">contact</a></li>
</ul>
CSS:
.menu-primary, .menu-secondary, #header .menu {
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
}
.menu-primary li, .menu-secondary li, #header .menu li {
float: left;
list-style-type: none;
text-transform: uppercase;
float: right;
}
提前感谢您的帮助。
答案 0 :(得分:2)
将float:right属性添加到以下类:
.menu-primary li, .menu-secondary li, #header .menu li {
float: right;
}
此处,相同的屏幕截图 - http://prntscr.com/2rxrf1