Block en Inline

block-level inline

Elk HTML element heeft een standaard manier waarop het wordt weergegeven, afhankelijk van wat voor soort element is. Er zijn 2 manieren die voor de meeste elementen worden gebruikt:

  1. Block
  2. Inline

Block elementen

Een block-level element begint altijd op een nieuwe regel en neemt de volledige breedte van de pagina in beslag (strekt zich uit naar links en rechts zo ver als het kan).

Dit is een block level element


Voorbeelden van block-level-elementen:

Inline elementen

Een inline element start niet op een nieuwe regel en neemt slechts zoveel breedte in beslag als dat nodig is.

Een inline element begint en eindigt waar de inhoud ervan begint en eindigt.

Dus in het midden van deze zin staat een voorbeeld van een inline element.

Voorbeelden van inline elementen: