Elementi block ed inline nei CSS

Scritto da Tiziano Fogliata

Quasi tutti gli elementi che vengono utilizzati in ambito html (e xhtml) possono essere suddivisi tra elementi inline ed elementi block.

Un elemento a livello block presenta alcune caratteristiche:

  • inizia sempre con una nuova riga;
  • l’altezza, l’interlinea e i margini dell’elemento possono essere gestiti;
  • se non viene specificata, la larghezza di default dell’elemento è il 100%.

Elementi di questo tipo sono: div, p, form, ul, li, h1, h2, h3 …etc…

Gli elementi inline invece:

  • iniziano sulla stessa riga;
  • l’altezza e i margini superiore ed inferiore non possono essere impostati;
  • la larghezza corrisponde a quella del testo o dell’immagine contenuta e non può essere manipolata.

Elementi di questo tipo sono: span, a, label, input, img, strong ed em.

CSS

Se ti è piaciuto e hai trovato utile questo articolo, eccone altri che potrebbero interessarti

Nessun articolo correlato

Lascia un commento