ayuda con maquetación

[lbenz]

hola.. en realidad tengo no se si un problema, porque lo podrai resolver cambiando un poco la estructura, pero si una amplia curiosidad de como maquetar lo siguiente.

Tengo un web que una de las secciones seran noticias. me tiene muy intrigado como dejar en la meustra de todas las noticias, foto a la izquierda y titulo y copete del lado derecho.




en la maroyia de veces que hice secciones de noticias, ponia el titulo arriba de la imagen y luego el copete a la derecha...

hacia algo asi...

<div id="noticia">
<h1>titulo</h1>
<p class="content"><a href="#"><img src="noticia.jpg" width="100" height="104" /> Copete de la noticias </a></p>

esto me daria como resultado algo así.



lo que necesito yo es saber como meter tambien el h1 dentro del container asi poder tener el resultado de la priemra imagen.

Espero que me puedan ayudar y desde ya muchas gracias.

[Raulmmmm]

Puedes poner así:

Código HTML:

<div id="noticia">
<a href="#"><img src="noticia.jpg" width="100" height="104" style="float: left" />
<h2>Título</h2></a>
Copete de la noticias
</div>
<div style="clear: both"></div>
Más texto.

[lbenz]

te hago una pregunta, que funcion cumpli el <div style="clear: both"></div> en esto.. ay qeuvoy a tener varias noticias en la misma pagina...

[kseso?]

Edito: Era demasiado sutil y no tenía mucho sentido con lo tratado en este hilo

[Raulmmmm]

Pues hace que el resto del texto no se suba también para arriba. Quítalo y lo comprobarás.

[Mikmoro]

EDITO: porque era un comentario que ya no tiene sentido.

Mikel.