[SOLUCIONADO] Texto cortado

[mblascog]

Buenas,
Tengo un div de un ancho concreto.
Dentro de este div quiero escribir 4 lineas de información. Me gustaría que cuando el contenido de una linea supere el ancho del div no generara otra linia, sinó que deje de visualizarse.
He intentado con el overflow:hidden, pero no me ha funcionado.

Alguna idea? Gracias.

[pzin]

¿Cuatro lineas o una linea?

[mblascog]

Gracias pzin por el interés.
Una imagen vale más que mil palabras.
La siguiente imagen muestra el div con las 4 líneas:



Y el código html del div es este:

Código HTML:

<div class="textBox">
                        <h2>CERDANYOLA DEL VALLES, Sant Ramon</h2>
                        <p class="text">Pis&nbsp; 79 m&sup2; | 4 Hab.</p>
                        <p class="text"><strong>Ref: 08002 | Pis en venda</strong></p>
                        <div class="btFicha">
                            <a href="pisos-cases/venda/pis-en-cerdanyola-del-valles-08002.html">
                                VENDA <span>119.600 €</span>                            </a>
                        </div>
                    </div>
 

Lo que quiero, es que el texto de <h2> no cree una segunda linea si no cabe, o sea que si sólo cabe "CERDANYOLA DEL VALLES, Sant" pues sólo visualice esto.

Gracias.

[pzin]

Entonces algo así te vale:

Código CSS:

h2 {
  white-space: nowrap;
  overflow: hidden;
}
 

Y si le añades un text-overflow: ellipsis; te añade unos puntos suspensivos en caso de que oculte texto.