Cortando texto em CSS
text-overflow
Faça uma div com largura de 200px. Faça com que
o texto dentro dessa div não quebre para uma nova linha.
Adicione um texto longo à div que não caiba na largura
desse bloco. Verifique se o texto ultrapassa a parte
direita do bloco.
Modifique a tarefa anterior para que uma barra de rolagem horizontal apareça na div quando o texto ultrapassar.
Modifique a tarefa anterior para que o texto que ultrapassa horizontalmente seja cortado.
Modifique a tarefa anterior para que reticências sejam adicionadas ao final do texto quando ele for cortado.
Modifique a tarefa anterior para que, ao passar o mouse sobre a div, o texto pare de ser disposto em uma única linha e a div se expanda em altura, acomodando todo o texto.