pw1-2017 divs

<!DOCTYPE HTML>
<!-- Arquivo: blocos.html -->
<html>
    <head>
        <meta charset="utf-8"/>
        <title> Blocos </title>
        <style>
        div {
        border: 1px solid #999;
        padding: 1%;
        margin: 1%;
color: red;
        }
        .top {
        clear:both;
        }
        .lesq {
        width: 20%;
        float: left;
        }
        .center {
        float: left;
        width: 47%;
        }
        .latd {
        width: 20%;
        float: right;
        }
        .footer {
        clear: both;
        }
        </style>
    </head>
<body>
<div class="top">TOPO</div>
<div class="lesq">LAT ESQ</div>
<div class="center">CENTRO</div>
<div class="latd">LAT DIREITA</div>
<div class="footer">RODAPE</div>

</body>
</html>