<header class="header">
  <div class="left-btn"><i class="fa fa-bars fa-lg"></i></div>
  <div class="logo">LOGO</div>
  <div class="right-btn"><i class="fa fa-search fa-lg"></i></div>
</header>
* {
  box-sizing:border-box;
}
body {
  color:#fff;
  margin:0;
  padding:0;
}

.header {
  background:#16A6B6;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-align-items:center;
  align-items:center;
  padding:5px;
  .left-btn,
  .right-btn {
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center;
    height:44px;
    width:44px;
  }
  .logo {
    font-weight:bold;
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.