Alinear 3 imagenes

[Pollito_69]

Buenas, quiero crear un "header" para un album de fotos y necesito que, dentro de un div con un background que se repite horizontalmente, haya tres imagenes:
la primera que flote a la izquierda, la segunda que esté siempre en el centro del header y la ultima que flote a la derecha.
Consigo que se coloquen bien las imagenes de la izquierda y la derecha, pero ¿como puedo colocar esa imagen central?

Código PHP:

   
.header {
    width: 100%;
    background: url(header_bg.png);
    float: left;
}
.header img {
    float: left;
}
.header img.alignright {
    float: right;
}
 
 
<div class="header">
        <img src="header_izq.jpg" />
        <img src="central.jpg" />
        <img class="alignright" src="header_dcha.jpg" />
    </div> 
   

[matados2k]

Código:

.header {
    width: 100%;
    background: url(header_bg.png);
    float: left;
}

.header div {
    width: 33%;
}

#cont2 {text-align: left}; /*Este no deberia ser necesario*/
#cont2 {text-align: center};
#cont3 {text-align: right};

<div class="header">
   <div id="cont1"><img src="header_izq.jpg" /></div>
   <div id="cont2"><img src="central.jpg" /></div>
   <div id="cont3"><img class="alignright" src="header_dcha.jpg" /></div>
</div>

[Pollito_69]

Pero asi lo que ocurre es que me las coloca verticalmente, y lo que necesito es que esten horizontales

EDITO: Ya lo he arreglado, el codigo es parecido al que has posteado matados2k:

Código PHP:

  .header {
    width: 100%;
    background: url(header_bg.jpg);
    float: left;
}
.header div {
    width: 33%;
    float: left;
}
#right {float: right;text-align:right;}


<div class="header">
        <div><img src="header_izq.jpg" /></div>
        <div><img src="central.jpg" /></div>
        <div id="right"><img src="header_dcha.jpg" /></div>
    </div> 
   

GRACIAS!

[matados2k]

Iniciado por Pollito_69

Pero asi lo que ocurre es que me las coloca verticalmente, y lo que necesito es que esten horizontales

EDITO: Ya lo he arreglado, el codigo es parecido al que has posteado matados2k:

Código PHP:

  .header {
    width: 100%;
    background: url(header_bg.jpg);
    float: left;
}
.header div {
    width: 33%;
    float: left;
}
#right {float: right;text-align:right;}
 
 
<div class="header">
        <div><img src="header_izq.jpg" /></div>
        <div><img src="central.jpg" /></div>
        <div id="right"><img src="header_dcha.jpg" /></div>
    </div> 
   

GRACIAS!

Lo he posteado sin probar, lo hago de cabeza, por lo que no estoy libre de errores. De nada ;)

[jomaruro]

Hola:

Si no me equivoco, el text-align:center solo sirve para centrar texto, no imágenes.

Saludos.