Your colleague added numbering for two blocks with class block
.
Numbers should appear in the lower right corner of each block.
But they don’t appear there, you need to fix this.
Set the desired values for the position, right and bottom properties for elements with class block-number
.
This task is part of the Full-Stack JavaScript Course
If you have any issues with it, you can ask for community help below the post
Feel free to help others if you’ve already solved the task
index.html
<!DOCTYPE html>
<html>
<head>
<title>Position</title>
<style>
.block {
border: 3px solid red;
margin: 20px;
padding: 10px;
position: relative;
}
.block-number {
width: 20px;
height: 20px;
padding-left: 4px;
border-top: 3px solid red;
border-left: 3px solid red;
}
</style>
</head>
<body>
<div class="block">
This is the first block
<div class="block-number">1</div>
</div>
<div class="block">
This is the second block
<div class="block-number">2</div>
</div>
</body>
</html>