Question

你能帮我把一些文字对齐吗？

页面在这里：

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;
}

提前感谢您的帮助。

Answer 1

将float：right属性添加到以下类：

    .menu-primary li, .menu-secondary li, #header .menu li {
float: right;
}

此处，相同的屏幕截图 - http://prntscr.com/2rxrf1

如何对齐此文本？

1 个答案: