Ką matys įprastas naudotojas, jei įterps šį maketą į švarų HTML dokumentą? (išorinis div su raudona rėmą visos pločio, aukštis 100px, viduje kvadratas 100x100 su žaliais kraštais)

Vartotojas matys raudoną horizontalią stačiakampį, užimančią visą ekrano plotį ir kurio aukštis 100 pikselių. Šiame stačiakampyje bus 100x100 pikselių kvadratas su žaliu rėmeliu. Jei kvadratas nėra specialiai pozicionuotas, jis bus išdėstytas viršutinėje kairėje išorinės div vietoje, nes pagal numatytuosius nustatymus elementai išdėstomi viršuje kairėje.

Vizualinio rezultato pavyzdys:

• Išorinis div: raudona rėmelis, 100% lango plotis, 100px aukštis.
• Vidinis div: 100x100 pikselių kvadratas su žaliu rėmeliu, viršutinėje kairėje išorinės dėžės dalyje.