Redimensionar un div dependiendo del contenido de otro

[Jask]

Muy buenas a todos :) Qué tal ?
Tengo un pequeño problema y no se como subsanarlo :S
Como os muestro en la imagen de abajo tengo el texto que pone Noticia 1 y una barra roja a su derecha.
El problema que tengo es que no se como puedo hacer para que cuando el texto sea más grande el otro div encoja y no salte para abajo :S es la rayada.

Aquí dejo la imagen para que lo vean bien:



Y dejo el código para que lo vean ( está mal porque estoy probando cosas ):

HTML

Código HTML:

 <div class="noticias">
                        <div class="titulo">
                        	<span class="tituloizda">Noticia 1asfasfdasf</span>
                            <div class="titulodcha">sadf </div>
                        </div>
                        <div class="texto">
                        	Texto Noticia
                        </div>
                    </div> 

CSS

Código HTML:

.tituloizda{
	float:left;
	color:#ef2b2d;
	font-size:16px;
	font-weight:bold;
}

.titulodcha{
	float:left;
	background-image:url(../images/linea.gif);
	margin:0 2px;
}

Un saludo y gracias de antemano