topbar

by Kirubel Girma

HTML

<div class="topbar">
  <div class="logo-cont">
    <img src="https://image.ibb.co/jrk8pQ/kirusoft_dark.png" alt="" class="logo">
  </div>
  <div class="mnuitms">
    <div class="mnuitm"> <span class="cfa">Register</span></div>
    <div class="mnuitm">*DESIGN</div>
    <div class="mnuitm">Sign-in</div>
  </div>
</div>

CSS

* {
  margin: 0;
}

body{
  font-family: arial;
}

.topbar {
  height: 3.5em;
  background: white;
}

.logo {
  width: 8em;
  height: 1.45em;
  margin: 1em 1em;
}

.logo-cont {
  height: 100%;
  float: left;
}

.mnuitms {
  min-width: 14em;
  float: right;
}

.mnuitm {
  float: left;
  margin: 1em;
}