JSFiddle - React, Tailwind, and code Playground

HTML

<div id="first"><span>Text portion 1</span><span>Text portion 2</span></div>
<br />
<div id="second"><input value="Text portion 1" /><input value="Text portion 1" /></div>

CSS

div {
  font-family: Verdana;
  font-size: 12px;
  background: green;
}

JavaScript

$('#first').animate({width: $('span:first').outerWidth() + $('span:last').outerWidth()}); 
$('#second').animate({width: $('input:first').outerWidth() + $('input:last').outerWidth()});