<div class="Media">
  <img class="Media-figure" src="https://philipwalton.github.io/solved-by-flexbox/images/kitten.jpg" alt="">
  <p class="Media-body">Mauris porta arcu id magna adipiscing lacinia at congue lacus. Vivamus blandit quam quis tincidunt egestas. Etiam posuere lectus sed sapien malesuada molestie. Aliquam vitae pharetra dolor. Nullam non mattis nunc.</p>
</div>
.Media {
  display: flex;
  align-items: flex-start;
  width:300px;
}

.Media-figure {
  margin-right: 1em;
  width:20%;
}

.Media-body {
  flex: 1;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.