O que verá um utilizador comum se inserir esta disposição num documento HTML limpo? (um div externo com uma moldura vermelha em toda a largura, altura de 100px, dentro um quadrado de 100x100 com bordas verdes)

O utilizador verá um retângulo horizontal vermelho que ocupa toda a largura da tela e tem uma altura de 100 pixels. Dentro deste retângulo haverá um quadrado de 100x100 pixels com uma borda verde. Se o quadrado não estiver posicionado especificamente, ele será colocado no canto superior esquerdo do div externo, pois por padrão os elementos são posicionados no topo à esquerda.

Exemplo de resultado visual:

• Div externo: borda vermelha, largura de 100% da janela, altura de 100px.
• Div interno: quadrado de 100x100px com borda verde, dentro do bloco externo no canto superior esquerdo.