Dovresti fare in questo modo, poi aggiungi le distanze se li vuoi separati e aumenti le dimensioni a tuo piacimento

codice:
<html>
<head>

</head>

<style>
    #blocco1{
        
        width: 150px;
        height: 200px;
        float: left;
    }
    
    #rosso{
        
        width: 400px;
        height: 200px;
        float: left;
        border: 1px solid red;
    
    }
    
    .nero{
    
        width: 150px;
        height: 100px;
        float: left;
        border: 1px solid #000;
    
    }


</style>

<body>

    <div id="blocco1">
        <div class="nero">
        </div>
        <div class="nero">
        </div>
    </div>
    
    <div id="rosso">
    
    </div>

</body>

</html>