<img class='element' src='https://dummyimage.com/200x200/eee/fffg' alt="">
<p>Proactively evisculate quality convergence whereas vertical architectures. Phosfluorescently iterate<br/> exceptional leadership rather than backward-compatible systems.<br/> Globally incentivize intuitive niche markets through revolut<br/>
Proactively evisculate quality convergence whereas vertical architectures. Phosfluorescently iterate<br/> exceptional leadership rather than backward-compatible systems.<br/> Globally incentivize intuitive niche markets through revolut Proactively evisculate quality convergence whereas vertical architectures. Phosfluorescently iterate<br/> exceptional leadership rather than backward-compatible systems.<br/> Globally incentivize intuitive niche markets through revolut</p>
<div class="clear"></div>
<hr/>
  
   <div class="author_block">
   <div class="author_img">
     <img class="element2" src="https://dummyimage.com/200X200/eee/fffg" alt="Docteur Béhin" />
   </div>
   <div class="author_content">
     <p>
      Proactively pontificate superior e-commerce through focused innovation. Interactively monetize interactive paradigms through premium "outside the box" thinking. Dramatically innovate pandemic customer service whereas accurate quality vectors. Dramatically incentivize premium action items through pre
     </p>
     <p>
       Proactively pontificate superior e-commerce through focused innovation. Interactively monetize interactive paradigms through premium "outside the box" thinking. Dramatically innovate pandemic customer service whereas accurate quality vectors. Dramatically incentivize premium action items through pre
     </p>

   </div>
</div>


.element {  
  float: left;
  shape-outside: circle(50%);
  width: 200px;
  height: 200px;
  border-radius:50%;
   margin-right: 2em
}
.clear{
  clear:both;
}
/*****************************/
/*Example 2 image inside div */
/*****************************/
.element2 {
    width: 200px;
    height: 200px;
    float: left;
    margin-right: 2rem;
    border-radius: 50%;
    shape-outside: circle();
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.