Какво ще види обикновеният потребител, ако вмъкне този дизайн в чист HTML документ? (външен div с червена рамка на цялата ширина, височина 100px, вътре квадрат 100x100 с зелени граници)

Потребителят ще види червен хоризонтален правоъгълник, който заема цялата ширина на екрана и е с височина 100 пиксела. Вътре в този правоъгълник ще има квадрат с размер 100x100 пиксела с зелен рамка. Ако квадратът не е позициониран специално, той ще бъде разположен в горния ляв ъгъл на външния div, тъй като по подразбиране елементите се позиционират в горния ляв ъгъл.

Пример за визуален резултат:

• Външен div: червена рамка, ширина 100% на прозореца, височина 100px.
• Вътрешен div: квадрат 100x100px с зелена рамка, в горния ляв ъгъл на външния блок.