Wraping text around an image

Hello ZD Community :)

I/We are working on articles in Zendesk Guide and during this a need for wraping the text around the images arises. 

I tried to create a class in style.css as below -

.wrapingimageleft {
  float: left;
  margin: 30px 12px 3px 4px;
  border: 2px solid blue;    
}

and then creating a div container with that class in the source code for the article - 

<div>
  <div class="wrapingimageleft">
    <img src="/hc/article_attachments/11464688295057" alt="mceclip7.png">
  </div>
  <div>
    <p>BUILD</p>
   </div>
</div>

But this results in no change. Any idea on what is the issue?