Ի՞նչ կտեսնի սովորական օգտվողը, եթե այս դասավորությունը ներդնի մաքուր HTML փաստաթղթում: (մաքուր դիվ արտաքին՝ կարմիր շրջանակով ամբողջ լայնության վրա, բարձրությունը 100px, ներսում քառակուսին 100x100 կանաչ եզրերով)

Օգտագործողը կտեսնի կարմիր հորիզոնական ուղղանկյուն, որը զբաղեցնում է էկրանի ամբողջ լայնությունը և ունի 100 պիքսել բարձրություն: Այս ուղղանկյան ներսում կլինի 100x100 պիքսել չափի քառակուսին, որի եզրագիծը կանաչ է: Եթե քառակուսին հատուկ դիրքավորում չունի, այն տեղադրվելու է արտաքին div-ի վերևի ձախ անկյունում, քանի որ ըստ նախնական կարգավորումների, տարրերը տեղադրվում են վերևի ձախ անկյունում:

Տեսողական արդյունքի օրինակ:

• Արտաքին div: կարմիր եզրագիծ, 100% պատուհանի լայնություն, 100px բարձրություն:
• Ներքին div: կանաչ եզրագիծով 100x100 պիքսել քառակուսին, արտաքին բլոկի վերևի ձախ անկյունում։