<!DOCTYPE html>
<html>
<head>
<title>Bottom property in CSS</title>
<style type="text/css">
p {
font-size: 40px;
line-height: 2em;
}
div {
width: 50%;
text-align: center;
background: rgba(60,80,70,60);
border: 5px solid blue;
}
.absolute {
position: absolute;
bottom: 10px;
left: 10px;
}
.fixed {
position: fixed;
bottom: 10px;
right: 10px;
}
</style>
</head>
<body>
<p>Study Tonight is the best platform for learning digital courses in a simplified way !</p>
<div class="fixed">
<p>Fixed</p>
</div>
<div class="absolute">
<p>Absolute</p>
</div>
</body>
</html>