responsive menu / navigation bar

css and html only

by Sub Lines

HTML

<div id="navbar">
        <div id="name">Logo</div>
        <ul class="menu">
            <li>Item one</li>
            <li>Item two</li>
            <li>Item three</li>
            <li>Item four</li>
        </ul>
    </div>

CSS

#navbar {
  position: fixed;
  background-color: CadetBlue;
  width: 98%;
  padding: 2px;
}

#name {
  font-weight: bold;
  font-size: 24px;
  float: left;
}

.menu {
  margin:0;
  line-height:28px;
}

.menu li {
  list-style-type: none;
  display: inline;
  padding-left: 20px;
  float: right;
}