title: How to set div to expand with transition on text change
body: <p>I want to seamlessly expand my div (in a non-jarring way) when the text inside it changes:</p>
  
  <p>The CSS <code>transition: all 2s ease;</code> is working great for colour changes, manually setting width, etc (as you can try out in the <a href="https://jsfiddle.net/tzjafc1a/2/" rel="noreferrer">jsfiddle</a> - click button to toggle width). but when the inner text of the div is changed the div just jumps to the new width without any transition.</p>
  
  <p>How can I get the transition working when the inner text changes?</p>
  
  <p>Thanks!</p>