title: Wrap text in a div around a vertically centered shape
body: <p>Is there any way of wrapping text in a div around a vertically centered shape, like this:
  <a href="https://i.stack.imgur.com/att3Z.png" rel="nofollow noreferrer">Text wrapped around a vertically centered shape in a div</a></p>
  <p>The X's represent regular text, with word breaks.</p>
  <p>The parent div height is dynamic.</p>
  <pre><code>&lt;div&gt;
  &lt;span&gt;&lt;span&gt;
  Text Text Text
  &lt;/div&gt;
  
  &lt;style&gt;
  span
  {
  float: right;
  width: 15px;
  height: 15px;
  }
  &lt;/style&gt;
  </code></pre>
  <p>I've tried floating an inner div and using the <code>shape-outside</code> CSS property, but couldn't find a way to center it vertically and align it to the right</p>