Ce va vedea un utilizator obișnuit dacă introduce această structură într-un document HTML curat? (un div exterior cu margine roșie pe toată lățimea, înălțimea de 100px, în interior un pătrat de 100x100 cu margini verzi)

Utilizatorul va vedea un dreptunghi orizontal roșu care ocupă întreaga lățime a ecranului și are o înălțime de 100 de pixeli. În interiorul acestui dreptunghi va exista un pătrat de 100x100 pixeli cu o margine verde. Dacă pătratul nu este poziționat special, va fi plasat în colțul din stânga sus al div-ului exterior, deoarece elementele sunt plasate implicit în sus stânga.

Exemplu de rezultat vizual:

• Div exterior: margine roșie, lățime de 100% a ferestrei, înălțime de 100px.
• Div interior: pătrat de 100x100px cu margine verde, în interiorul blocului exterior în stânga sus.