Как исправить: элементы вне контейнера в браузере, хотя описаны как внутри его?

Question

[Persotr27]

Здравствуйте. Такая проблема. Есть следующий код?

<div class="container">
            <div id="logomenu">
                <img id="logoimg" src="img/logo.png" alt="logo">
                <nav>
                    <ul class="menu">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Services</a></li>
                        <li><a href="#">Portfolio</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Concat</a></li>
                    </ul>
                </nav>
            </div>
        </div>

Элементы меню и картинка должны находится в div с id "logomenu", но почему-то в браузере, этот блок отображается выше элементов, вот так:

Может быть какая-то элементарная ошибка, я просто не опытный в HTML. Прошу помочь.

Answer 1

[FeST1VaL]

Возможно вы используете float? или где то не закрыли тэг что скорее всего. Если выложите код в песочницу например на jsfiddle.net, то посмотрю поточнее...

Comments

[Persotr27]

Спасибо за отклик. Да, я использую float для отделения картинки от меню в строке.
https://jsfiddle.net/895mpcgj/

[FeST1VaL]

Persotr27, После float надо делать блок с clear.
Я добавил вам довольно таки удобный класс .clearfix, а вообще лучше изучайте и используйте другие способы выстраивания блоков рядом) Например Flex или через display: inline-block;

https://jsfiddle.net/yxwotfq0/

[Persotr27]

Артем Будин, О, сработало. благодарю, и за рекомендации тоже)