Display: block, inline, inline-block
La proprietà display determina come un elemento viene visualizzato nel flusso del documento.
display: block
- Occupa tutta la larghezza disponibile
- Inizia su una nuova riga
- Esempi: div, p, h1-h6, section
display: inline
- Occupa solo lo spazio necessario
- Non inizia su nuova riga
- Non accetta width/height
- Esempi: span, a, strong
display: inline-block
- Come inline ma accetta width/height
- Utile per bottoni e badge
.badge {
display: inline-block;
padding: 5px 10px;
background: #007bff;
color: white;
border-radius: 4px;
}