Как правильно выровнять этот текст?

Вы можете помочь мне выровнять текст по правому краю?

Страница находится здесь:

http://www.marinhomephotography.com/

Я хочу выровнять текст в черном меню навигации (Контактная информация по ценам домашней галереи) вправо, но мне не удалось это сделать, используя float right в div или text-align; прямо для класса.

К тому же я идиот. Я упоминал об этом ???

Каждый раз, когда я пытаюсь выполнить float: right, черная панель навигации либо сжимается, либо исчезает, но я хочу, чтобы она оставалась на всю ширину страницы.

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

Заранее благодарю за любую помощь.


css text-alignment
person user1344629    schedule 12.02.2014    source источник
comment
Пожалуйста, разместите код в своем вопросе. Если вы разместите ссылку только на ваш сайт, как только проблема будет решена, этот вопрос теряет всякую ценность.   -  person j08691    schedule 13.02.2014
comment
Отредактированный вопрос для пользователя, поставлен в очередь на рассмотрение модератора.   -  person Nix    schedule 13.02.2014

Ответы (1)


arrow_upward
2
arrow_downward

Добавить свойство float: right в следующие классы:

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

Вот скриншот того же самого - http://prntscr.com/2rxrf1

person Nix    schedule 12.02.2014
comment
хех, это один из тех случаев, когда я знаю, что это сарказм, но, эй, у меня был перерыв, и я подумывал помочь кому-то: D - person Nix; 13.02.2014