⊗mkSpBsTC 9 of 128 menu

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.

bydeenesfrptru