How to make a horizontal stripe between two blocks?

Question

css

Hello! Tell me how to add a horizontal strip with small indents between the logo and the nav menu in the header of the site, which would occupy all the free space between the blocks and decrease when the screen narrows without overlapping the navigation bar.

Answer 1

For example, like this https://jsfiddle.net/bv6ge7cm/

Answer 2

Take this place with block div.A in it already make a line. Since it is a divblock element, it will shrink. It's hard to advise without knowing how you implemented this part.

Answer 3

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