JSFiddle - React, Tailwind, and code Playground

HTML

<div id="text"><span>The intergalactic space agency The intergalactic space agency The intergalactic space agency The intergalactic space agency The intergalactic space agency The intergalactic space agency The intergalactic space agency The intergalactic space agency The intergalactic space agency The intergalactic space agency The intergalactic space agency The intergalactic space agency </span></div>

CSS

#text { max-width: 350px; height: 2em; overflow: hidden;  }

JavaScript

var spanWidth = $('#text span').width();
$('#text').animate( { width: spanWidth }, 3000 );