<div class="container">
    <div class="circle -shape-outside">
      <img src="https://pic.cnblogs.com/avatar/608782/20160411131806.png">
    </div>
    Then, the frontal lobes and right hemisphere break down the intention of the speaker and look at things such as body language, tone of voice, and facial expression to interpret differences between the actual meaning of the word and this specific social context of the word.
    And lastly, the right ventromedial prefrontal cortex makes a decision on whether or not the comment is sarcastic based off of our social and emotional interpretation.
</div>
body {
    padding: 20px;
}

.container {
    width: 500px;
    margin: 0 auto;
    color: #333;
    line-height: 2;
    text-align: justify;
}

.-shape-outside {
    shape-outside: circle(80px at 80px 80px);
    float: left;
}

.circle {
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 50%;
    img {
        width: 100%;
        height: 100%;
    }
}


View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.