Elementi block ed inline nei CSS

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.

Tags: CSS, html, xhtml

Hai trovato interessante questo articolo? Sottoscrivi il Feed RSS o iscriviti alla NEWSLETTER per non perdere i prossimi aggiornamenti del blog. Se preferisci puoi anche seguirmi su Twitter.