Display types

Inline ∘ block ∘ inline-block

Paragrafen zijn block-elementen

Paragrafen zijn ge­woon­lijk blok-ele­men­ten. Div's, h-elementen, footer's bijvoorbeeld ook. Link­jes daar­en­te­gen zijn gewoon­lijk inline-elementen. Net als span's. Maar met de CSS-eigenschap display, kunnen deze worden aangepast. Mogelijkheden zijn: none, block, inline, inline-block, inline-table.

Heb je ook al opgemerkt dat de block-elementen niet zomaar naast elkaar gaan staan, ook als ze smaller zijn dan 50% van de apgina? Block-elemeenten staan dus altijd onder elkaar. Als ze dan toch naast elkaar moeten staan, dan is het bovendien noodzakelijk dat ze een float-eigenschap meekrijgen.

Van het html-element en het body-element zijn de padding en marge beide op 0 gezet. Dit is niet standaard het geval bij webbrowsers.
Merk op dat de teksten nu links tegen de rand staan. Je kunt nu beter zien wat er gebeurt bij een bepaald percentage van de blok-elementen.