Как сделать логотип и меню в одну строку с помощью inline-block?

Question

[Иван Тарасов]

Доброго дня!
Начал делать своё первый сайт и сразу упёрся в то что, не получается разместить логотип и меню, в одну строку. Делаю с помощью inline-block (с float смогу сделать, но хочу именно с inline-block).
1. Подскажите почему не работает и что нужно исправить. https://jsfiddle.net/ztzxrp0d/2/
2. По возможности дайте ссылку на хорошие статьи (на русском) и inline-block и float. Тонкости применения и где лучше каждый из вариантов применять.
Заранее благодарен.

Answer 1

[riot26]

Лого нужно поместить внутрь header`а:

<header>
  <h1 class="logo">ТехМашИнтер</h1>
	<!--Навигация в шапке-->
		<nav class="menu">

Как ответ не отмечайте, подождём пока кто-то ответит более развёрнуто.