Как избавиться от смещения текстового меню в HTML?

Question

[tom139]

Здравствуйте! Для изучения написания сайтов на HTML, создал в Photoshop`е макет сайта и начал его верстать в Dreamweaver`е. Проблема с которой я столкнулся заключается в смещении пунктов меню вниз из-за текста, который расположен выше меню. Как избежать такого сейчас и в дальнейшем? Прикрепил скриншоты ниже.


Спасибо!

Comments

[tom139]

Александр А: Так чем он плох?

Answer 1

[Юлия Старченко]

Если не помещается, почему не сделать margin поменьше? И вы используете float для элементов списка, но не используете clearfix. Из-за этого тоже могут быть проблемы.

Comments

[tom139]

Большое Вам спасибо!! Сlearfix помог!))

Answer 2

[Сергей Иванов]

напишите ваш исходный текст тут это значительно упростит задачу.
* Закрашивать, то что не хотели бы показывать надо везде )

Comments

[tom139]

Да вроде все что не хотел показывать закрашено везде) Спасибо

[tom139]

https://jsfiddle.net/qontb0hb/ вот добавил сюда

[Дмитрий С]

tom139: но не в коде;)

[tom139]

Дмитрий С: Я хотел скрыть только город и индекс, а не остальное)

Answer 3

[Дмитрий С]

.menu li {
    box-sizing: border-box;
}

Comments

[tom139]

Не помогло, все как раньше.

[Дмитрий С]

tom139: укажите статически ширину пунктов меню. Очевидно, смещение происходит при появлении рамки