News header

by Roberto Apasajja

HTML

<div id="head">

  <div class="w">
      <a href="#"><div class="logo"></div></a>
      
      <div class="a">
        aa
      </div>
      <div class="b">
        bb
      </div>
  </div>

</div>

CSS

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}

.w{
  background:grey;
  width: 440px;
  height:50px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.logo{
  height:70px;
  width:60px;
  background: url(http://soundhyper.com/wp-content/uploads/deeweb/2017/03/25/image--70x60.jpg) 0 10px;
}
.a,.b{
  flex:1;
  text-align:right
}