title: How to wrap image inside text - lists not ordered with text?
body: <p>I'm trying to wrap an image inside some text, side by side. I almost did it but there is a small problem with lists:</p>
  
  <p><a href="https://i.stack.imgur.com/M5tTG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/M5tTG.png" alt=""></a></p>
  
  <p>There is no problem with paragraphs but lists are pushed a little bit to the left, going under the image. I've tried several things but can't solve the problem:/</p>
  
  <p>Here is the piece of code I'm using:</p>
  
  <pre><code>&lt;div class="col-xs-8 pull-right"&gt;
      &lt;img class="pull-left" style="margin:0px 10px 10px 0px;width:60%;height:220px;" src="http://kkop.files.wordpress.com/2010/01/usapolice.jpg"/&gt;
  
      &lt;div class="article-text"&gt;content here&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>