Arbete med Blocknivåelement

Block-nivå-element är rektangulära och staplas ovanpå varandra, vilket förhindrar att andra element delar samma rad. Detta beteende styrs av CSS-egenskapen display: block.

Viktiga punkter om block-nivåelement:

• De har som standard display: block;
• Deras bredd sträcker sig över hela föräldrakontainerns bredd;
• Deras höjd bestäms av innehållet men kan anpassas med CSS;
• De börjar alltid på en ny rad;
• Egenskaper som border, margin, padding, width och height kan justeras.

Låt oss undersöka ett exempel där vi manipulerar width, height och margin:

Låt oss överväga hur vi kan centrera ett element inuti dess förälder.