Təmiz HTML sənədinə bu düzəni daxil edərsə, adi istifadəçi nə görəcək? (kənar div tam eni boyunca qırmızı çərçivə ilə, hündürlüyü 100px, içərisində yaşıl sərhədlərlə 100x100 kvadrat)

İstifadəçi ekranın bütün genişliyini tutan və hündürlüyü 100 piksel olan qırmızı üfüqi düzbucaqlı görəcək. Bu düzbucaqlının içində, yaşıl sərhədlə əhatə olunmuş 100x100 piksel ölçüsündə kvadrat olacaq. Əgər kvadrat xüsusi olaraq yerləşdirilməyibsə, o, xarici divin yuxarı sol küncündə yerləşəcək, çünki elementlər standart olaraq yuxarı sol küncdə yerləşir.

Vizual nəticənin nümunəsi:

• Xarici div: qırmızı sərhəd, pəncərənin 100%-lik eni, 100px hündürlük.
• Daxili div: yaşıl sərhədlə 100x100 piksel kvadrat, xarici blokun yuxarı solunda.