nav bar css website

Bisa ditambahkan class baru pada tag <li> home dan news.

Menjadi sprti ini:

<ul>
   <li class="right"><a class="active" href="#home">Home</a></li>
   <li class="right"><a href="#news">News</a></li>
   <li><a href="#contact">Contact</a></li>
   <li><a href="#about">About</a></li>
</ul>

dan tambahkan style classnya:

ul li.right{
  float:right;
}

Juga bisa menggunakan cara lain dengan menggunakan css dari bootstrap, hanya tinggal menambahkan class pada tag <ul>, persis seperti dibawah ini:

<ul class="nav navbar-nav navbar-right">
   <li><a class="active" href="#home">Home</a></li>
   <li><a href="#news">News</a></li>
</ul>
<ul class="nav navbar-nav">
   <li><a href="#contact">Contact</a></li>
   <li><a href="#about">About</a></li>
</ul>

\* dengan catatan menggunakan css dari bootstrap: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css