<div class="wrapper">
<div class="block">
  <p>
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quam assumenda voluptatem, ex vitae unde dolor natus asperiores, quibusdam, inventore magni ducimus est? Laborum, architecto excepturi quas voluptatem doloremque officia nostrum?
  </p>
    <p>
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tenetur, facilis velit! Excepturi, facilis tenetur eaque odit, itaque quidem sequi natus velit tempora doloremque nulla! Facilis quis accusamus corporis provident eos.
  </p>
  <img src="https://placehold.co/600x100/orange/white" alt="thumbnail"/>
</div>

<div class="block block2">
  <p>
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quam assumenda voluptatem, ex vitae unde dolor natus asperiores, quibusdam, inventore magni ducimus est? Laborum, architecto excepturi quas voluptatem doloremque officia nostrum?
  </p>
    <p>
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tenetur, facilis velit! Excepturi, facilis tenetur eaque odit, itaque quidem sequi natus velit tempora doloremque nulla! Facilis quis accusamus corporis provident eos.
  </p>
</div>
</div>
.block {
  background: red;
}

.block2 {
  background: green;
}

p {
  margin: 30px 0;
}

img {
  display: block;
  width: 100%;
}
/* Here! */

.block::after,
.block::before {
  content: " ";
  display: table;
} 


External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.