Recorte de texto en CSS
text-overflowЗадание 1
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.
Задание 2
Modifica la tarea anterior para que en el div aparezca una barra de desplazamiento horizontal cuando el texto se salga.
Задание 3
Modifica la tarea anterior para que el texto que se sale horizontalmente se recorte.
Задание 4
Modifica la tarea anterior para que al recortar el texto se añadan puntos suspensivos al final.
Задание 5
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.