Краевые проблемы в CSS .... очень застрял

Question

Когда я добавляю неупорядоченный список в заголовок для навигации, он выталкивает заголовок вниз и выбивает текст, который всплывает вправо.Если я уберу это, все будет хорошо.Есть идеи?Я ломал голову над этим ... может быть, больше спатьтам еще.

Answer 1

Может быть, вы ищете что-то подобное?

http://jsfiddle.net/YVmTB/10/

добавлены 2 дополнительные стили в конце CSS

nav {
    float: left;   
}

nav li {
    float: left;
    margin-right: 15px;
}

Answer 2

Это довольно простые CSS-решения.

Просто добавьте эту строку в свой CSS:

nav li {
  float: left;
  margin: 15px;
}

Answer 3

Я добавил это в ваш CSS, и, похоже, вы этого захотите.

nav>ul, nav>ul>li{
    float: left;
}

nav>ul>li{
    margin: 0 .5em;
}

Конечно, пример того, как это должно выглядеть, было бы неплохо, но, возможно, это поможет.