Alinear dos div dentro de un div

[gso88]

Hola buenas, estoy intentando alinear dos div dentro de un div y no consigo solucionarlo.

El CSS correspondiente es el siguiente:

.ContenedorNoticias{
width:500px;
margin-left:20px;
margin-top:40px;


}

.ContenedorAuxiliar{
width:300px;
height:800px;
margin-left:572px;
margin-top:40px;
}

.tituloNoticias{
height: 21px;
width:500px;
border-bottom: 4px solid #FFCA22;
font:"Palatino Linotype", Tahoma, Georgia;
font-size:20px;
color: #FFCA22;
text-align:right;
vertical-align:bottom;
}


.tituloMapaMundial{
height: 21px;
width:300px;
border-bottom: 4px solid #FFCA22;
font:"Palatino Linotype", Tahoma, Georgia;
font-size:20px;
color: #FFCA22;
text-align:right;
vertical-align:bottom;
}

Y el HTML es el siguiente:

<div>

<div class="ContenedorNoticias">

<div class="tituloNoticias"> Noticias </div>

</div>

<div class="ContenedorAuxiliar">
<div class="tituloMapaMundial"> Mapa Mundial </div>

</div>

</div>

Lo que quiero es conseguir que el DIV de la clase contenedor de Noticias y el DIV de la classe ContenedorAuxiliar estén alineados. Muchas gracias.