Edit the code and Run to see changes

						<!DOCTYPE html>
<html>

<head>
    <title> CSS Positioning Element</title>
    <style>
    body {
        margin: 0;
        padding: 20px;
        font-family: sans-serif;
        background: #efefef;
    }
    
    .relative {
        position: relative;
        background: #cc0000;
        color: #ffffff;
        padding: 30px;
        top:100px;
        left:100px;
    }
    
    span {
        padding: 5px;
        border: 1px #ffffff dotted;
    }
    </style>
</head>

<body>
    <pre>
        Learn the most common Data Structures & Algorithms 
        to solve coding problems. Enrol now! Master core 
        Data Structures & Algorithms to ace interviews 
        from IIT & Stanford Alumni. TA Support. Placements 
        in Companies. Get Certified. 350+ Problems.A data 
        structure is a particular way of organizing data in 
        a computer so that it can be used effectively.
        Learn the most common Data Structures & Algorithms 
        to solve coding problems. Enrol now! Master core 
        Data Structures & Algorithms to ace interviews 
        from IIT & Stanford Alumni. TA Support. Placements 
        in Companies. Get Certified. 350+ Problems.A data 
        structure is a particular way of organizing data in 
        a computer so that it can be used effectively.
        <div class="relative">
            This div has <span>position: relative;</span>
        </div>
        Learn the most common Data Structures & Algorithms 
        to solve coding problems. Enrol now! Master core 
        Data Structures & Algorithms to ace interviews 
        from IIT & Stanford Alumni. TA Support. Placements 
        in Companies. Get Certified. 350+ Problems.A data 
        structure is a particular way of organizing data in 
        a computer so that it can be used effectively.
        Learn the most common Data Structures & Algorithms 
        to solve coding problems. Enrol now! Master core 
        Data Structures & Algorithms to ace interviews 
        from IIT & Stanford Alumni. TA Support. Placements 
        in Companies. Get Certified. 350+ Problems.A data 
        structure is a particular way of organizing data in 
        a computer so that it can be used effectively.
    </pre> 
</body>

</html>