<h2>Lorem ipsum dolor sit</h2>

<div class="left">Float</div>
<div class="left">Float</div>
<div class="right">Float</div>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic saepe, deleniti iusto ducimus inventore, enim
  veritatis reprehenderit nisi a explicabo accusantium fuga illo quisquam officia, voluptatibus illum culpa maxime
  soluta ullam id consequatur voluptas voluptates!
</p>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic saepe, deleniti iusto ducimus inventore, enim
  veritatis reprehenderit nisi a explicabo accusantium fuga illo quisquam officia, voluptatibus illum culpa maxime
  soluta ullam id consequatur voluptas voluptates!
</p>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic saepe, deleniti iusto ducimus inventore, enim
  veritatis reprehenderit nisi a explicabo accusantium fuga illo quisquam officia, voluptatibus illum culpa maxime
  soluta ullam id consequatur voluptas voluptates!
</p>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic saepe, deleniti iusto ducimus inventore, enim
  veritatis reprehenderit nisi a explicabo accusantium fuga illo quisquam officia, voluptatibus illum culpa maxime
  soluta ullam id consequatur voluptas voluptates!
</p>
div {
  margin: 1em;
  width: 150px;
  height: 100px;
  border-radius: 5px;
  background-color: beige;
  padding: 1em;
}

.left {
  float: left;
}

.right {
  float: right;
}

p {
  border-radius: 5px;
  background-color: orange;
  padding: 1em;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.