Arbejde med Blokniveau-Elementer

Blokniveau elementer er rektangulære og stabler sig oven på hinanden, hvilket forhindrer andre elementer i at dele samme linje. Denne adfærd styres af CSS-egenskaben display: block.

Vigtige punkter om blokniveau-elementer:

• De har som standard display: block;
• Deres bredde spænder over hele bredden af den overordnede container;
• Deres højde bestemmes af indholdet, men kan tilpasses med CSS;
• De starter altid på en ny linje;
• Egenskaber som border, margin, padding, width og height kan justeres.

Lad os undersøge et eksempel, hvor vi manipulerer width, height og margin:

Lad os overveje, hvordan vi kan centrere et element inde i dets overordnede element.