PW1 2019 - aula4.html

<!-- aula4.html -->
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>
                Aula 4 - Programação Web 1 - Análise e Desenvolvimento de Sistemas
            </title>
            <style type="text/css">
            div { color: #3f47b5; font-size: large; padding: 10px; }
            #bloco1 { border: 6px dashed red; color: red;   }
            .bloco2 { border: 3px grey dashed;  }
            </style>
    </head>
        <body>
            <div style="border: 6px solid blue;">
                <div id="bloco1">Um bloco dentro de outro bloco</div>
                <div class="bloco2">Outro bloco</div>
            </div>
            <div style="border: 6px solid #ff6a00;">
                <div id="bloco1" style="float: left;">Um bloco dentro de outro bloco</div>
                <div class="bloco2">Outro bloco</div>
            </div>
        </body>
</html>