<section class="w-400px size-50px bg-blue">
<div class="w-50p bg-gray">
<p class="size-70p">Text paragraph</p>
</div>
</section>
.w-400px {
width: 400px;
}
.w-50p {
width: 50%;
}
.size-50px {
font-size: 50px;
}
.size-70p {
font-size: 70%;
}
.bg-blue {
background: #2196f3;
}
.bg-gray {
background: #9e9e9e;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.