Añadir puntos suspensivos en segunda línea de títulos largos

Antremix Siguiendo

Zeta
Verificación en dos pasos activada
Desde
14 Nov 2011
Mensajes
1.650
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..

HgMsId6.png



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 :eek:

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

La idea seria dejarlo asi:

ps28D4o.png
 

Wanted Ideas

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
2 Jul 2013
Mensajes
9
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,
 

Antremix

Zeta
Verificación en dos pasos activada
Desde
14 Nov 2011
Mensajes
1.650
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,

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

65k5LjX.png
 

Wanted Ideas

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
2 Jul 2013
Mensajes
9
Pero eso es que la cajita verde no está bien definida... ¿puedes postear el código?
 
Arriba