Почему див переносится на новую строку?

[montanamartz]

Разделитель переносится на новую строку. Почему и как фиксить?

<div class="nav">
    <div class="logo"></div>
    <div class="razdelitel"></div>
</div>

body {
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
	background: #000000;

}
.nav {
    margin: 80px 100px 0 100px;
}

.logo {

    width: 287px;
    height: 28px;
    background-image: url(../images/logo.png);
}

.razdelitel {
    margin-left:15px;
    width: 1px;
    height: 28px;
    background-color: #5b5b5b;
}

[Naive]

Потому что блочные элементы переносятся на новую "строку".

Сообщение от montanamartz

и как фиксить?

Тонна способов:
0. использовать строчно-блочные элементы (устарело)
1. использовать обтекание (устарело)
2. использовать позиционирование (не универсально)
3. использовать флекс (трудно)
4. использовать гриды (роккет-сайнс)
5. комбинации вышеперечисленного (исходя из более общей задачи)
6. нарисовать палку в логотипе (пусть дизигнер мается)

[montanamartz]

Сообщение от Naive

Потому что блочные элементы переносятся на новую "строку".

Тонна способов:
0. использовать строчно-блочные элементы (устарело)
1. использовать обтекание (устарело)
2. использовать позиционирование (не универсально)
3. использовать флекс (трудно)
4. использовать гриды (роккет-сайнс)
5. комбинации вышеперечисленного (исходя из более общей задачи)
6. нарисовать палку в логотипе (пусть дизигнер мается)

Это моя первая попытка что-то сверстать, но, если я правильно понимаю:
1. Речь идёт про display:inline - придавал это значение разным дивам - не помогло
2. float:left/right? не помогло
3. Этот пункт мне не понятен. Вернее, я понимаю, что речь идёт про position, но какое значение и какому диву задавать - не понимаю.
4,5 - не понятно, ну да ладно
6 - самый простой и оптимальный для меня вариант, но раз уж взялся, хочется разобраться до конца, лишним не будет.

Наверняка, когда я пробовал первые 3 пункта - накосячил. Не могли бы вы мне пальцем ткнуть куда и что нужно прописать?

[OmegaBerkut]

style="display:inline"