Simplemente tenés que crear un div con el ancho que quieras que ocupe esa imagen y flotarlo a la izquierda con float: left. Flotá también el resto de los otros div a la izquierda, y deberían mostrarse sin problemas como querés.
Código HTML:
<style type="text/css">
#imgDiv{
float: left;
width: 20%;
height: 170px;
background-color: black;
}
.rightDivs{
float: left;
width: 80%;
background-color: red;
margin-bottom: 10px;
height: 50px;
}
</style>
<div id="imgDiv">
<img src="tuImagen.jpg" alt="" />
</div>
<div class="rightDiv">Fecha</div>
<div class="rightDiv">Top</div>
<div class="rightDiv">Rep</div> En el ejemplo puse unos colores de fondo para diferenciar, y al div de la imagen le di un alto fijo para que ocupe el espacio necesario para que los otros divs se floten a su costado. La flotación te permite colocar los elementos uno junto al otro como necesitas en este caso. Hay infinidad de otras opciones, documentate.
Saludos :)