As adaptive stylize the header to the logo was the white line?

Need help in the design of the header, namely, how it would be better to mark up the CSS so that the white lines against the edges and did not go to the logo when you change the resolution.
c1274947ee434e73881a4acc1831b6ee.JPG
<header class="site-header" style="background-image: url(img/general/bg-header.jpg);">
 <div class="top-line">
 <div class="left-b">
the <ul>
 the <li><a href="#">Contacts</a></li>
 the <li><a href="#">Gallery</a></li>
</ul><hr>
</div>
 <div class="header-logo">
 <a href="#" class="logo"><img src="img/general/logo_woodstar_white1.png" alt="custom Furniture in Saratov"></a>
</div>

 <div class="right-b">
 <ul class="right-ul">
 the <li><a href="#" class="fa fa-vk"></a>
</li>
 the <li><a href="#" class="fa fa-instagram"></a>
</li>
 the <li><div class="fa fa-phone"><span></span>+7-(961)-647-66-38</div></li>
</ul>
<hr>
</div>
 </div> 
 </header>
.top-line
 padding-top: 15px
 display: inline

.left-b
 width: 30%
 float: left
ul
 font-size: 26px
 text-align: right
li
 display: inline-block
 color: #fff
 padding-right: 20px
 a 
 color: #fff

.right-b
 width: 30%
 float: right
ul
 font-size: 26px
 text-align: left
li
 display: inline-block
 color: #fff
 padding-right: 20px
 a 
 color: #fff

.header-logo
 float: none
 width: 10%
 margin: auto
June 26th 19 at 14:03
3 answers
June 26th 19 at 14:05
Even on the picture you can see that here 2 units. One left, the other on the right. To make the width of these units at 30% and the center of the logo width is 10%.
June 26th 19 at 14:07
You can set a border to the whole header and logo hang position:relative and zindex
Logo transparent as I understand it and it will be visible bands. - Jamey commented on June 26th 19 at 14:10
logo png, the lines are visible behind him - nikita.Stracke commented on June 26th 19 at 14:13
June 26th 19 at 14:09
3 units
.div-1: widht: 35%; text-align: right; border: #fff solid 1px;
.div 2: widht: 20%; text-align: center; margin: 0 10%;
.div-3: widht: 35%; text-align: left; border: #fff solid 1px;

Find more questions by tags Adaptive design