Untitled

<html>
    <head>
        <title>CSSAula1</title>
        <style>
            div{
                /*padding:15px 15px 15px 15px;*/
                margin:0px 0px 10px 0px;
                width:50%;
                float:left;
                color:red;
                font-size:16px;
                background:#98FB98;
                height: 160px;
            }
            .classe1{
                color:#FFFF00;
            }
            .classe2{
                color:#FF69B4;
            }

        </style>
    </head>
    <body>
        <div class="classe1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate soluta, nihil necessitatibus, ad, recusandae atque error possimus ullam aut eaque quod nesciunt molestias eos sint deserunt quas corporis repudiandae. Pariatur?</div>
        <div class="classe2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi iure impedit similique eius. Est sit, modi molestias, dolorum possimus corrupti earum tempore, nihil saepe impedit quasi? Aut rerum, voluptatem repellendus.</div>
        <h1 class="classe1">Chuva</h1>
        <p class="classe2">Esta chvendo bem desde as 17hs</p>
    </body>
</html>