Ko redzēs parasts lietotājs, ja ievieto šo izkārtojumu tīrā HTML dokumentā? (ārējais div ar sarkanu rāmīti visā platumā, augstums 100px, iekšā kvadrāts 100x100 ar zaļiem malām)

Lietotājs redzēs sarkanu horizontālu taisnstūri, kas aizņem visu ekrāna platumu un ir 100 pikseļu augsts. Šī taisnstūra iekšpusē būs 100x100 pikseļu kvadrāts ar zaļu rāmi. Ja kvadrāts nav īpaši pozicionēts, tas tiks novietots ārējā div augšējā kreisajā stūrī, jo pēc noklusējuma elementi tiek novietoti augšā kreisajā stūrī.

Vizuālā rezultāta piemērs:

• Ārējais divs: sarkans rāmis, 100% loga platums, 100px augstums.
• Iekšējais divs: 100x100 pikseļu kvadrāts ar zaļu rāmi, iekšā ārējā blokā augšējā kreisajā stūrī.