CSS Bară de navigare. Link de navigare activ / curent. Link-uri aliniere dreapta.

Link de navigare activ / curent

Adăugați o clasă „active” la link-ul curent pentru a anunța utilizatorul pe ce pagină se află:





Exemplu:

.active {
  background-color: #4CAF50;
}

Link-uri aliniere dreapta (Right-align links)

Aliniați legăturile din dreapta, plutind elementele din listă spre dreapta (float: right;):





Exemplu:
 

<ul>
  <li><a href="#home">Home</a></li>
  <li><a href="#news">Știri</a></li>
  <li><a href="#contact">Contact</a></li>
  <li style="float:right"><a class="active" href="#about">Despre</a></li>
</ul>