<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
body{
border: 1px solid black;
}
div{
display: flex;
flex-direction: column;
justify-content: flex-end;
}
p{
margin-bottom: 20%;
}
</style>
</head>
<body>
<h1>CSS margin-bottom Property</h1>
<div>
<p>This paragraph is 20% above all the following element.</p>
</div>
</body>
</html>