Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Elementos Flutuantes</title>
    <meta charset="utf-8">
    <style type="text/css">

        .conteudo{
            background: blue;
            border: 1px solid gray;
            width: 400px;
            height: 200px;
            float: left;
            margin: 10px;
        }


        .conteudo1{
                    background: red;
                    border: 1px solid gray;
                    width: 150px;
                    height: 200px;
                    float: right;
                }

        #back{
            background: green;
        }

        .clear{
            clear: both;
        }

    </style>
</head>
<body">

<div  id="back">
<div class="conteudo1">
    Conteudo 1
</div>

<div class="conteudo1">
    Conteudo 2
</div class="conteudo1">

<div class="conteudo">
    Conteudo 3
</div>

<div class="clear"></div>
</div>


<p>


</p>


</body>
</html>