Que verra un utilisateur normal s'il insère cette mise en page dans un document HTML propre ? (un div extérieur avec une bordure rouge sur toute la largeur, une hauteur de 100px, à l'intérieur un carré de 100x100 avec des bordures vertes)

L’utilisateur verra un rectangle horizontal rouge occupant toute la largeur de l’écran et d’une hauteur de 100 pixels. À l’intérieur de ce rectangle, il y aura un carré de 100x100 pixels avec une bordure verte. Si le carré n’est pas positionné spécifiquement, il sera placé dans le coin supérieur gauche du div externe, car par défaut, les éléments sont positionnés en haut à gauche.

Exemple de résultat visuel:

• Div externe : bordure rouge, largeur de 100% de la fenêtre, hauteur de 100px.
• Div interne : carré de 100x100px avec une bordure verte, à l’intérieur du bloc externe en haut à gauche.