Dos lineas y 2 logos en una misma linea

[Pr0Exp]

Hola.

Estoy intentando crear una cabecera para mi web con este formato


Texto1
Texto2 logo1 logo2

No se si se entiende.

Pero tengo dos textos y me gustaria que los dos logos quedaran a la misma altura que los dos textos, es posible hacerlo sin utilizar tablas?

Código HTML:

<div id="base">
        <div id ="logo"><h1>T1</h1>
        <div id ="logo1"><h1>T2</h1>
        
        <img src="images/rec.gif" width="94px" height="88px" alt="Reciclar">
        <img src="images/nimf.gif" width="126px" height="67px"alt="Reciclar">
</div>
 

saludos y gracias por la ayuda

[pzin]

Bienvenido al foro.

Si el texto es variable, supongo que lo más fácil sería usar display: table/table-cell.

Código HTML:

<div id="base">
  <div id="textos" class="celda">
    el texto o elementos que necesites
  </div>
  <div id="logos" class="celda">
    los elementos para los logos que necesites
  </div>
</div>
 

Código CSS:

div#base {
  display: table;
}
 
div#base div.celda {
  display: table-cell;
  vertical-align: middle;
}
 

Usa highlight cuando publiques código.

[Pr0Exp]

Hola

El texto es fijo.

Ahora mismo el resultado con lo que me comentas es

texto1 texto2
logo1 logo2

los logos son dos imagenes.

gracias por la ayuda

[pzin]

Pon mejor una imagen de lo que quieres entonces, pues no entiendo muy bien cómo esperas tenerlo.