Cosa vedrà un utente normale se inserisce questo layout in un documento HTML pulito? (un div esterno con bordo rosso su tutta la larghezza, altezza di 100px, all'interno un quadrato 100x100 con bordi verdi)

L'utente vedrà un rettangolo orizzontale rosso che occupa tutta la larghezza dello schermo e alto 100 pixel. All’interno di questo rettangolo ci sarà un quadrato di 100x100 pixel con un bordo verde. Se il quadrato non è posizionato appositamente, sarà collocato nell’angolo superiore sinistro del div esterno, poiché per impostazione predefinita gli elementi sono posizionati in alto a sinistra.

Esempio di risultato visivo:

• Div esterno: bordo rosso, larghezza del 100% della finestra, altezza di 100px.
• Div interno: quadrato di 100x100px con bordo verde, all’interno del blocco esterno in alto a sinistra.