HTML: block vs inline elementen

Een HTML element heeft altijd een standaard weergave stijl. Dit hangt af van het type element.

De 2 meest voorkomende waardes zijn block en inline.

Block elementen

Block elementen nemen de volledige breedte van hun container in beslag en beginnen altijd op een nieuwe regel. Ze stapelen verticaal op elkaar, zoals blokken in een toren. Voorbeelden zijn <div>, <p>, <h1>-<h6>, <ul>, <ol>, en <section>.

Inline elementen

Inline elementen nemen alleen de ruimte in die ze nodig hebben en vloeien mee met de tekstflow. Ze breken de regel niet af en kunnen naast elkaar op dezelfde regel staan. Voorbeelden zijn <span>, <a>, <strong>, <em>, <img>, en <code>.