CSS inline-block. Utilizarea inline-block pentru a crea legături de navigare.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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;
}