DIV centrata tra due immagini

[xshell]

Ciao a tutti.

Ho il classico problema del principiante CSS. Mi spiego meglio.

Ho un DIV contenitore con una determinata lunghezza e una determinata altezza. Dentro di esso dovrei inserire due immagini e una parola, disposte in questo modo:



Le due immagini devono quindi essere alle estremità del DIV. Il mio problema è quello di non riuscire a centrare la parola tra le due immagini. Come si fa?


Il codice è più o meno come il seguente:

Cod HTML

<div id="bar">
[img]...[/img]
<p class="paragrafo">Testo</p>
[img]...[/img]
</div>

Cod CSS

div#bar { 
  margin: 3px;
  padding: 0px;   
  width: 727px;   
  height: 27px;   
  border: 1px solid #000;
}
p .paragrafo {
  text-align: center;
}

Ringrazio in anticipo.

[xshell]

Ho risolto inserendo class="" dentro le due immagini con float diversi e annullando quest'ultimi con clear: both.

Scusate per il disturbo.