<div class="media-container">
  <div class="media">
    <div class="media__object">
      <img src="https://assets.codepen.io/62127/avatar-buster-a.jpg" alt="" width="128" height="128" />
    </div>
    <div class="media__content">
      <p contenteditable>Lorem ipsum dolor sit amet.</p>
    </div>
  </div>
</div>

<hr />

<div class="media-container">
  <div class="media">
    <div class="media__object">
      <img src="https://assets.codepen.io/62127/avatar-buster-a.jpg" alt="" width="128" height="128" />
    </div>
    <div class="media__content">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mattis quam lobortis velit tincidunt, eu rutrum nisi semper. Mauris sed varius metus, ac accumsan arcu. Vestibulum eu lacus sem. Cras ante lacus, egestas nec orci in, ornare pretium turpis. Quisque vulputate tortor elit. Integer sagittis elit lectus, ac bibendum elit sollicitudin at. Morbi nisl sapien, ultrices at commodo non, sagittis vitae purus.</p>
    </div>
  </div>
</div>

<hr />

<p>This is same <a href="https://codepen.io/Merri/pen/WNYpNgJ?editors=1100" target="_blank">as this</a>, but closer to default browser styles.</p>

/* allows `top: 50%;` to function */
.media-container {
    display: grid;
}

/* contain float */
.media {
    contain: layout;
}

/* the floated element */
.media__object {
    float: right;
    margin: 1rem;
}

/* align to middle to eliminate inline baseline space */
.media__object > img {
    border-radius: 50%;
    vertical-align: middle;
}

/* negate default paragraph margin to make it appear prettier */
.media__content {
    margin: -1rem 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* minimal styles to make things prettier */

body {
    /* https://modernfontstacks.com/ */
    --classical-humanist: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
    font-family: var(--classical-humanist);
    font-size: 1.125rem;
    margin: auto;
    max-width: 30rem;
    padding: 1rem;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.