title: Multiple lines of text, should be width auto but instead is 100%
body: <p>Firstly, apologies for the hard to understand question title. </p>
  
  <p>In HTML/CSS, I want my multiple line text element to inherit it's width from the text inside. It does this if the contained text only spans one line, but when the text spans multiple lines, it forces itself to <code>width:100%;</code>.</p>
  
  <p>Here's a fiddle of the problem: <a href="https://jsfiddle.net/guzvpe2q/" rel="nofollow noreferrer">https://jsfiddle.net/guzvpe2q/</a></p>
  
  <p>This is what happens: 
  <a href="https://i.stack.imgur.com/aXMIm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aXMIm.png" alt="enter image description here"></a></p>
  
  <p>This is what should happen:
  <a href="https://i.stack.imgur.com/IPpGo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IPpGo.png" alt="enter image description here"></a></p>
  
  <p>Thanks in advance. </p>