title: Recalculate width:auto after linebreak
body: <p>We have text-elements with defined spacings in between them. They can be multiline.
  Now if the text breaks inside of them, width:auto is not correct - it somehow should be recalculated <em>after</em> the text broke onto new lines.</p>
  <p>Current situation:</p>
  <p><a href="https://i.stack.imgur.com/WKGpP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WKGpP.png" alt="enter image description here" /></a></p>
  <p>Desired situation:</p>
  <p><a href="https://i.stack.imgur.com/Eb3pv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Eb3pv.png" alt="enter image description here" /></a></p>
  <p>I created a simple fiddle for it: <a href="https://jsfiddle.net/zd73vfne/" rel="nofollow noreferrer">https://jsfiddle.net/zd73vfne/</a></p>
  <pre><code>max-width: 260px
  </code></pre>
  <p>is just for demonstration purposes, so the text breaks.
  Using word-break is not an allowed solution per requirement.</p>
  <p>I've added another example with multiple boxes next to eachother, which shows the problem even better: <a href="https://jsfiddle.net/zd73vfne/2/" rel="nofollow noreferrer">https://jsfiddle.net/zd73vfne/2/</a></p>
  <p>Is there a pure CSS solution?</p>