CSS inline-block Positioning Issue

Question

I'm trying to make a website and I'm having some problems at layout.
I want div:logo and div:social media to be at the same line but I couldn't do.

Demo

Answer 1

write your div:logo and div:social media like this (side by side) don't make any space between them

<div class="child" id="logo">logo</div><div class="child" id="socialMedia">sosyal media</div>

hope this will solve your issue.