title: How to make text wrap around image with bootstrap 4 without float?
body: <p>I need to make text wrap around image with bootstrap 4 wihout floats, is it possible?</p>
  
  <p>Here my code:</p>
  
  <pre><code>&lt;article class="row single-post mt-5 no-gutters"&gt;
         &lt;div class="image-wrapper col-md-6"&gt;
            &lt;?php the_post_thumbnail(); ?&gt;
          &lt;/div&gt;
          &lt;div class="single-post-content-wrapper p-3"&gt;
            &lt;?php the_content(); ?&gt;
          &lt;/div&gt;
    &lt;/article&gt;
  </code></pre>
  
  <p>Here what I have now:
  <a href="https://i.stack.imgur.com/nwtsm.png" rel="noreferrer"><img src="https://i.stack.imgur.com/nwtsm.png" alt="enter image description here"></a></p>
  
  <p>Here what I need to have:
  <a href="https://i.stack.imgur.com/ZnLBS.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ZnLBS.png" alt="enter image description here"></a></p>