Pagina3 PW1-2018

<!-- pagina3.html -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Página com CSS</title>
    <style>
        p { color:red; }
        .paragrafo { color:blue; }
        #p1 { border: 2px solid blue; color:#999;  }
        .estilo { background-color: #666; width: 100%; color:#F5DEB3;   }
        .div1 { float: left; padding: 10px; background-color: #987879; width: 48%; }
        .div2 { float: left;  padding: 10px; background-color: #345672; width: 48%;  }
        body { color: #666; font-size: 16px; }
    </style>
</head>
<body>
<p>Este é um parágrafo formatado por CSS onde todos as tags "p" serão iguais.</p>
<p class="paragrafo">Este é um parágrafo formatado por CSS porém com uma classe</p>
<p class="paragrafo" id="p1">Este é um parágrafo com uma ID </p>
<p class="paragrafo" id="p2">Este parágrafo possui classe mas não ID</p>
<div class="estilo">Esta é uma div formatada por CSS</div>
<br/>
<div class="div1">Esta é uma div que fica ao lado</div>
<div class="div2">Desta outra div</div>
<br/><p style="clear: both; color: #ffffff; background-color: #000;">E este é um texto que tem estilo inline.</p>
fgkjdfghudfh gdfjkndf jg hdflkjghdflj
</body>
</html>