Tipico, div al lado de otro?

[Escanter]

Necesito posicionar un div al lado del otro, el de noticias contiene a a los otros dos, pero no logro ponerlo uno a la par del otro con float left y right


HTML:

Código HTML:

<div class="noticias">
    
    
    <div class="texto-noticias">
    
    </div>
    
    <div class="div-imagenes">
    
    </div>
    
    
    </div>
 

CSS:

Código HTML:

.noticias {
    background:rgba(255,255,255,1);
    width:80%;
    height:700px;
    margin:auto;
    border-radius:20px;
}
 
 
.texto-noticias {
    width:70%;
    height:150px;
    background:red;
    float:lef;
 
    
}
 
.div-imagenes {
    width:20%;
    height:50px;
    background:blue;
    float:right;
    
}