navbar

by Wosley Bago

HTML

<div>
  <ul class="navbar-brand">
  <a href='https://postimg.org/image/ukcombaed/' target='_blank'><img src='https://s10.postimg.org/7vnhmqt0p/IMG_20160804_WA032.jpg' border='0' alt='IMG-20160804-WA032'/></a>
  </ul>
  <ul class="navbar-right">
    <li>home</li>
    <li>about</li>
    <li>delivery</li>
    <li>services</li>
  </ul> 
</div>

CSS

div{
  position:relative;
}
ul{
  list-style:none;
  display:inline;
}
li{
  list-style: none;
  display: inline;
  width:100%;
  padding: 10px;
}
ul.navbar-brand{
  float:left;
}
ul.navbar-right{
  float:right;
  position:relative;
  bottom:0;
}