CodePen

HTML

            
              <div class="header">
  <div class="logo">
    <p>Company Name</p>
  </div>
  <div class="menu">
    <nav>
      <ul>
        <li><a href="#">Jedan</a></li>
        <li><a href="#">Dva</a></li>
        <li><a href="#">Tri</a></li>
      </ul>
    </nav>
  </div>
</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              *{margin:0;padding:0;}

/* STYLE */
.header {
  display:block;
  position:relative;
  width:100%;
  height:45px;
  background:black;
}

.logo {
  display:block;
  float:left;
  width:200px;
  height:45px;
  background:yellow;
}

.logo p {
  text-align:center;
  padding-top:12px;
  font-weight:bold;
  text-transform:uppercase;
}
.menu nav ul {
  display:block;
  position:relative;
  padding-top:5px;
}

.menu nav ul li {
  display:inline-block;
  padding:5px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................