Forcer le texte de rester en une seule ligne dans une div

<div>C'est le texte</div>
div {
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
}

 
 

C'est pratique quand on voudrait animer la "div" en affichant le texte progressivement. Si on ne garde pas le texte en ligne avec les codes css ci-dessus, il se redimensionne verticalement par rapport à la place disponible au cour de l'animation et il se montre en une seule ligne seulement à la fin de l'animation quand il aura suffisamment de la place.

Les commentaires sont fermés.