<div class="container">
  <div class="wrapper">
    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/12005/pixel.jpg" alt="Pixel">
  <p>Cat ipsum dolor sit amet, purr as loud as possible, be the most annoying cat that you can, and, knock everything off the table meow for food, then when human fills food dish, take a few bites of food and continue meowing so jumps off balcony gives owner dead mouse at present then poops in litter box snatches yarn and fights with dog cat chases laser then plays in grass finds tiny spot in cupboard and sleeps all day jumps in bathtub and meows when owner fills food dish the cat knocks over the food dish cat slides down the water slide and into pool and swims even though it does not like water.</p>
  </div>

</div>
* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 40px;
  font: 1.2em 'Open Sans', sans-serif;
  background-color: #fff;
}

h1, h2, h3 {
  font-family: 'Averia Serif Libre', cursive;
}

.container {
  background-color: #ddddda;
  height: 720px;
  width: 1280px;
  padding: 140px 20px;
}

.wrapper {
  background-color: #fff;
  padding: 1em;
  display: flow-root;
}

img {
  float: left;
  margin: 0 20px 20px 0;
}
Run Pen

External CSS

  1. https://fonts.googleapis.com/css?family=Averia+Serif+Libre|Open+Sans&amp;display=swap

External JavaScript

This Pen doesn't use any external JavaScript resources.