<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.