Recorte de texto en CSS
Crea un div con un ancho de 200px. Haz
que el texto en este div no salte
a una nueva línea. Añade texto largo al div,
que no quepa en el ancho de este
bloque. Comprueba que el texto se saldrá por la parte derecha
del bloque.
Modifica la tarea anterior para que en el div aparezca una barra de desplazamiento horizontal cuando el texto se salga.
Modifica la tarea anterior para que el texto que se sale horizontalmente se recorte.
Modifica la tarea anterior para que al recortar el texto se añadan puntos suspensivos al final.
Modifica la tarea anterior para que al pasar el ratón por encima del div, el texto deje de alinearse en una sola línea y el div se expanda en altura, acomodando todo el texto.