<div class="container">
  <div class="abs-block a">A</div>
  <div class="normal-block b">
    <p>
      The crotch alluded to on a previous page deserves independent mention. It is a notched stick of a peculiar form, some two feet in length, which is perpendicularly inserted into the starboard gunwale near the bow, for the purpose of furnishing a rest for the wooden extremity of the harpoon, whose other naked, barbed end slopingly projects from the prow. 
    </p>
  </div>
  <div class="abs-block c">C</div>
</div>
* {
  padding: 0;
  margin: 0;
}

.container {
  position: relative;
  background-color: #ddd;
  color: #fff;
}

.abs-block {
  position: absolute;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
}

.a {
  background-color: #5B5B43;
  padding: 10px;
}

.b {
  background-color: #f3f3f3;
  padding: 10px;
  line-height: 1.5;
  color: #333;
  text-align: justify;
}

.c {
  background-color: #61C1E8;
  padding: 10px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.