Как сделать горизонтальную полосу между двумя блоками?

Question

[spacekk]

Всем привет! Подскажите, как между логотипом и nav menu в шапке сайта добавить горизонтальную полосу с небольшими отступами, которая занимала бы все свободное пространство между блоками и уменьшалось при сужении экрана не наслаиваясь на навигационную панель .

Answer 1

[Camaro67]

Например, так https://jsfiddle.net/bv6ge7cm/

Comments

[spacekk]

Спасибо! Это то, что нужно!

Answer 2

[Тимур Худиев]

Займите это место блоком div. А в нем уже сделайте линию. Так как div блочный элемент, то он будет сужаться. Трудно посоветовать не зная, как вы реализовали эту часть

Answer 3

[Максим]

https://codepen.io/topicstarter/pen/OZodQZ