<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Exercício 1 - Box Model</title>
    <style>
        section {
            width: 400px;         /* Largura do conteúdo */
            background-color: #f0f0f0;
            border: 10px solid blue; /* Borda (10px de cada lado = 20px) */
            padding: 30px;        /* Espaçamento interno (30px de cada lado = 60px) */
            margin: 50px;         /* Margem externa (50px de cada lado = 100px) */
        }
    </style>
</head>
<body>
    <section>
        <h1>Cálculo de Box Model</h1>
        <p>
            Desafio: A largura total que este elemento ocupa na tela é de <strong>580px</strong>. 
            (Cálculo: 400px de largura + 60px de padding + 20px de borda + 100px de margem).
        </p>
    </section>
</body>
</html>