Atributos básicos para los DIV

[frandelarge]

Hola!
Mi duda existencial es la siguiente, tengo el siguiente código en HTML estructurado con DIV.

<div id="ancla1">
<div class="titletr"><img src="elementos/trabajotitle.png"/></div>
<div class="c1"><img src="elementos/contenedortr.png"/></div>
<div class="c2"><img src="elementos/contenedortr.png"/></div>
</div>

Entonces en CSS necesito ordenar cada una de las clases C1, C2,C3, etc. consecutivamente(una al lado de la otra), pero tengo un enredo respecto a qué regla de CSS usar para que esto suceda, he probado con FLOAT, y varias más pero desconozco cual será lo más adecuado, quiero que quede como en la imagen, (los C1, C2, C3, son esos cuadrados celestes).

[pzin]

Lo indicado, en principio, es flotar los elementos.

Aunque si los quieres centrar, como en la imagen, en vez de flotarlos tendrás que ponerlos como elementos en linea y de bloque con:

Código CSS:

c1,c2,c3 {
  display: inline-block;
}
 

Y luego al elemento padre, ponerle un alineado de texto que lo centre.