Τι θα δει ένας συνηθισμένος χρήστης αν εισάγει αυτό το layout σε ένα καθαρό έγγραφο HTML; (ένα εξωτερικό div με κόκκινο περίγραμμα σε όλο το πλάτος, ύψος 100px, μέσα ένα τετράγωνο 100x100 με πράσινα περιγράμματα)

Ο χρήστης θα δει ένα οριζόντιο κόκκινο ορθογώνιο που καταλαμβάνει όλο το πλάτος της οθόνης και έχει ύψος 100 εικονοστοιχεία. Μέσα σε αυτό το ορθογώνιο θα υπάρχει ένα τετράγωνο 100x100 εικονοστοιχεία με πράσινο περίγραμμα. Αν το τετράγωνο δεν τοποθετηθεί ειδικά, θα τοποθετηθεί στην πάνω αριστερή γωνία του εξωτερικού div, καθώς τα στοιχεία από προεπιλογή τοποθετούνται στην πάνω αριστερή γωνία.

Παράδειγμα οπτικού αποτελέσματος:

• Εξωτερικό div: κόκκινο περίγραμμα, πλάτος 100% του παραθύρου, ύψος 100px.
• Εσωτερικό div: τετράγωνο 100x100px με πράσινο περίγραμμα, μέσα στο εξωτερικό μπλοκ στην πάνω αριστερή γωνία.