CSS inline-block. Utilizarea inline-block pentru a crea legături de navigare.

Utilizarea inline-block pentru a crea legături de navigare

O utilizare obișnuită pentru display: inline-block este de a afișa elemente de listă pe orizontală în loc de vertical. Următorul exemplu creează legături de navigație orizontale:

Exemplu:
 

.nav {
  background-color: yellow;
  list-style-type: none;
  text-align: center; 
  padding: 0;
  margin: 0;
}

.nav li {
  display: inline-block;
  font-size: 20px;
  padding: 20px;
}