Navbar float left делает содержимое в одной строке

Question

Navbar float left делает содержимое в одной строке

0

Я пытаюсь создать образец веб-сайта, и я столкнулся с проблемой, когда раздел между заголовком и нижним колонтитулом попадает в ту же строку, что и заголовок

удаление маржи и отступов сбрасывается, так как дикая карта исправляет это, но должен быть другой способ.

Скрипт http://jsfiddle.net/P8QmL/

header ul {
  display: inline; }
  header ul .nav-header li {
    list-style: none;
    margin-right: 1em;
    float: left; }
  header ul a {
    text-decoration: none; }

*{ margin: 0; padding: 0; }

MikaAK 19 фев. 2014, в 02:01

Источник

0

пожалуйста, предоставьте скрипку
Jatin 19 фев. 2014, в 00:03
0

Скрипка добавлена в основной пост
MikaAK 19 фев. 2014, в 00:07
0

изменение ul для отображения: inline работает на скрипке, но не на моем приложении в rails
MikaAK 19 фев. 2014, в 00:19
0

Тогда сделай это! Важно
Ruby Racer 19 фев. 2014, в 00:53
0

Все еще не работает
MikaAK 19 фев. 2014, в 00:57

Показать ещё 3 комментария

Теги:

html

ruby-on-rails

sass

ruby

css

1 ответ

Ещё вопросы

пожалуйста, предоставьте скрипку
Скрипка добавлена в основной пост
изменение ul для отображения: inline работает на скрипке, но не на моем приложении в rails

Jatin · Answer 1 · 2014-02-18T22-32-00.000Z

Если я правильно понял ваш вопрос, это должно помочь вам

.nav-header li {
list-style: none; 
margin:  0 auto;
display: inline;
}

.nav-footer li{
list-style:none;
}

Рабочий скрипт

Я согласен, что это должно работать, но у меня не было такого же решения
* {поле: 0; отступы: 0; } также установлен