Adicionar reticências na segunda linha de títulos longos

Hola, como puedo hacer para que despues de la segunda linea en los titulos largos agregue puntos suspensivos .....



de esta manera, pero q en vez de la 1 linea sea a la segunda..




el css q hace lo de la imagen actualmente es:

h2 {
font-size: 2em;
position: relative;
padding-right: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}



gracias 😱

---------- Post agregado el 04-jul-2013 hora: 21:06 ----------

La idea seria dejarlo asi:

Para empezar, tienes que quitar "white-space: nowrap".
Si no, nunca tendrás dos líneas.

Si aún así no te pone dos líneas, es porque no tienes suficiente espacio.
Prueba entonces a hacer la caja más alta.

Saludos,

Wanted Ideas disse:

Para empezar, tienes que quitar "white-space: nowrap".
Si no, nunca tendrás dos líneas.

Si aún así no te pone dos líneas, es porque no tienes suficiente espacio.
Prueba entonces a hacer la caja más alta.

Saludos,

Clique para expandir...

si le quito "white-space: nowrap" se ve el titulo completo sin los ....

Pero eso es que la cajita verde no está bien definida... ¿puedes postear el código?