¿Qué verá un usuario normal si inserta este diseño en un documento HTML limpio? (un div externo con borde rojo en todo el ancho, altura de 100px, dentro un cuadrado de 100x100 con bordes verdes)

El usuario verá un rectángulo horizontal rojo que ocupa todo el ancho de la pantalla y tiene una altura de 100 píxeles. Dentro de este rectángulo habrá un cuadrado de 100x100 píxeles con un borde verde. Si el cuadrado no está posicionado específicamente, se colocará en la esquina superior izquierda del div externo, ya que por defecto los elementos se colocan en la parte superior izquierda.

Ejemplo de resultado visual:

• Div externo: borde rojo, ancho del 100% de la ventana, altura de 100px.
• Div interno: cuadrado de 100x100px con borde verde, dentro del bloque externo en la esquina superior izquierda.