he buscado la forma de lograr hacer este esquema con css pero no he podido ubicar el titulo en la posicion indicada les muestro el ejemplo de lo que quiero y les publico lo que he desarrollado
ejemplo.
el codigo que he desarrollado es el siguiente.
<div id="div-noticias">
<h1>Noticias</h1>
<span>
<div id="noticia-publicidad" style="float:left; border:1px solid #999999; background:#F8F4FF; width:260px; height:200px; margin:0 10px 10px 0; ">
</div>
<div id="noticia-titulo" style="float:right">
<h2>Mi Titulo de la Noticia, y que pasa si el texto es mar largo</h2>
</div>
texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia texto de la noticia.
</span>
</div>
estilos css
#div-noticias{
float:left;
color:#006699;
text-align:justify;
font-size:13px;
width:97%;
border-bottom:1px dashed #999999;
padding-bottom:10px;
padding-left:15px;
}
#noticia-titulo h2{
text-align:center;
color:#FF3300;
}
El problema es que el titulo se me desconfigura