<!DOCTYPE html>
<html lang="en">

<head>
    <title>Static Position</title>
    <style>
        .div2 {
            position: relative; /*According to the previous element.*/
            left: 40px; /*left:20px*/
            top: 40px;  /*top:15px*/
            border: 5px double green;
            width: 100px;
            height: 50px;
            
        }
    </style>
</head>

<body>
    <div>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellendus, magni quae cumque voluptas nemo nihil
        modi iste voluptatibus enim rerum asperiores, quidem ad labore fuga eveniet perferendis voluptatem consequuntur!
        Amet.
        Necessitatibus itaque quo accusamus sit, alias at eveniet saepe voluptate cumque repellat nemo reiciendis
        placeat temporibus tempore ullam ab, recusandae corrupti in minima praesentium provident, a non. Quae, porro
        deleniti. Lorem ipsum dolor sit amet consectetur adipisicing elit. At, nulla sint consequatur aut, officia laboriosam ipsum iusto alias corporis eligendi, quia suscipit enim praesentium repellat. Mollitia dolore nam rem qui!
        Deleniti id voluptatem harum nihil dolorem praesentium excepturi natus corrupti corporis earum aspernatur illo ipsa, ullam obcaecati voluptatum doloribus, commodi ipsam autem. Quam libero nihil non sed explicabo ducimus neque.
        Quo voluptates impedit, nemo deleniti quidem fugit aspernatur quibusdam commodi minima numquam et non hic odit vero culpa velit? Quae suscipit veritatis voluptatem fugiat facere officiis sit iste laboriosam! Quasi!
        A corporis praesentium, molestiae nihil repellat deserunt illum nobis libero cupiditate ab ut animi nulla? Aut corrupti quae fuga eos sapiente excepturi a similique natus, maxime nesciunt dicta nulla sunt.
        Quas ea inventore delectus! Aliquam, ducimus. Libero quasi ipsum culpa veniam excepturi sapiente tempora totam dolor harum enim, asperiores repudiandae amet commodi! Sit maiores quibusdam dolor neque labore est alias?
        Iste perferendis aut deleniti nostrum minima maiores alias eligendi sint. Fugiat nam dignissimos laborum ea labore beatae repudiandae esse quo ut dolor quae nemo laboriosam corrupti, itaque eaque. Illum, nobis?
        Iure saepe numquam suscipit illo recusandae voluptatem cum molestiae unde, nobis fugiat blanditiis? Quam quas soluta vero ratione explicabo ex temporibus, veritatis voluptatum, voluptatem inventore sint dolorem a vitae necessitatibus!
        Nostrum perspiciatis nihil deleniti expedita dolorum repudiandae error consequatur velit, iure veritatis qui laboriosam officiis ut assumenda excepturi id cupiditate eveniet. Eveniet recusandae dolorem ducimus sequi ipsum porro deserunt nulla.
        Enim reprehenderit doloribus accusantium iste porro tempore, nihil commodi voluptates. Quos ab nostrum facere, expedita autem ex hic, numquam perspiciatis incidunt, error consectetur corrupti aperiam perferendis repellendus itaque non beatae!
        Dolor, minus. Alias laudantium similique quisquam at dignissimos a cum, perferendis corrupti? Quia quam illo iusto, dicta deleniti hic corporis deserunt quidem enim accusamus, ab, unde sed numquam cupiditate nostrum!
        Possimus quibusdam ipsa, placeat dolores molestias sequi eaque, repudiandae atque aspernatur deserunt voluptates consequatur odio necessitatibus hic dicta quaerat explicabo. Cumque error non suscipit alias sit omnis, illo eos nesciunt.
        Labore ab magni voluptatem fugit nesciunt ullam pariatur culpa, vero voluptate ex laudantium magnam, nulla delectus optio molestiae expedita earum minima sit veritatis reprehenderit tenetur. Ad quia sit ea ipsam!
        Saepe illum et quia pariatur delectus recusandae, excepturi optio culpa est architecto autem ullam sequi suscipit id nesciunt, perspiciatis veniam. Omnis dolorem doloremque magnam error minima soluta unde fugit ratione!
        Quibusdam ipsa doloremque consequuntur tenetur ipsam eos voluptas, odit cum aliquam laborum. Officiis quam corporis ut ipsam iste, dicta ullam molestias. Nemo incidunt id impedit iusto eveniet cum accusamus reiciendis.
        Corporis nostrum perspiciatis obcaecati nisi. Culpa libero obcaecati quam eligendi corporis ab error? Voluptas iusto unde consectetur similique repellendus deserunt sed repellat deleniti optio, impedit, praesentium necessitatibus rem consequuntur maxime?
        Minus perferendis possimus, eveniet beatae laudantium numquam, suscipit ea quaerat sequi non, nemo ab fuga laboriosam consequatur officia doloribus reiciendis voluptatum enim voluptate. Ipsum, assumenda ipsam quaerat asperiores itaque in?
        Vitae minus, aspernatur cumque dolores tenetur ipsum minima eaque. Non velit inventore exercitationem unde cupiditate enim molestias repudiandae. Voluptas amet quidem quod ducimus doloribus architecto esse tempore praesentium quisquam expedita!
        Nam minus unde omnis non blanditiis vel consequatur ipsum, doloremque quas deserunt adipisci voluptate eaque tenetur, quos, delectus cupiditate ipsam. Quo commodi explicabo dolor optio, cumque nobis quis eligendi tempora.
        Dolores voluptatem nisi dicta eaque sequi omnis, minus, repellat delectus eligendi quis inventore qui saepe aperiam aspernatur corporis, nesciunt perferendis? Reprehenderit molestiae non consectetur facilis rerum nam obcaecati sint veritatis.
        Placeat optio reprehenderit quia, sit libero sint amet fugit commodi iusto voluptate animi laborum? At ex maiores, deleniti labore, doloribus commodi tempore facilis doloremque incidunt fuga, debitis magnam delectus animi.
        Accusamus ipsum quisquam rerum porro officiis eos incidunt quae at et eum? Minus, mollitia suscipit nisi, sequi
        perspiciatis deserunt facere ipsam velit unde illo nam dolore doloribus natus aspernatur consequuntur?
        Natus sunt ducimus ipsa aperiam reprehenderit alias molestias laboriosam est assumenda, doloremque, dolorum ex
        obcaecati blanditiis libero! Cupiditate non nisi, minima necessitatibus veritatis adipisci rem, sed aspernatur
        exercitationem, voluptatibus incidunt?
        Dolorum, necessitatibus perferendis adipisci nostrum saepe aliquam. Autem perspiciatis voluptates unde
        accusantium suscipit molestiae at voluptate labore obcaecati quos ea in, similique quo illum. Officia ipsum
        quaerat iure voluptate repellendus!</div>
    <div class="div2">Second</div>
    <div>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellendus, magni quae cumque voluptas nemo nihil
        modi iste voluptatibus enim rerum asperiores, quidem ad labore fuga eveniet perferendis voluptatem consequuntur!
        Amet.
        Necessitatibus itaque quo accusamus sit, alias at eveniet saepe voluptate cumque repellat nemo reiciendis
        placeat temporibus tempore ullam ab, recusandae corrupti in minima praesentium provident, a non. Quae, porro
        deleniti.
        Accusamus ipsum quisquam rerum porro officiis eos incidunt quae at et eum? Minus, mollitia suscipit nisi, sequi
        perspiciatis deserunt facere ipsam velit unde illo nam dolore doloribus natus aspernatur consequuntur?
        Natus sunt ducimus ipsa aperiam reprehenderit alias molestias laboriosam est assumenda, doloremque, dolorum ex
        obcaecati blanditiis libero! Cupiditate non nisi, minima necessitatibus veritatis adipisci rem, sed aspernatur
        exercitationem, voluptatibus incidunt?
        Dolorum, necessitatibus perferendis adipisci nostrum saepe aliquam. Autem perspiciatis voluptates unde
        accusantium suscipit molestiae at voluptate labore obcaecati quos ea in, similique quo illum. Officia ipsum
        quaerat iure voluptate repellendus!</div>
    <div>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellendus, magni quae cumque voluptas nemo nihil
        modi iste voluptatibus enim rerum asperiores, quidem ad labore fuga eveniet perferendis voluptatem consequuntur!
        Amet.
        Necessitatibus itaque quo accusamus sit, alias at eveniet saepe voluptate cumque repellat nemo reiciendis
        placeat temporibus tempore ullam ab, recusandae corrupti in minima praesentium provident, a non. Quae, porro
        deleniti.
        Accusamus ipsum quisquam rerum porro officiis eos incidunt quae at et eum? Minus, mollitia suscipit nisi, sequi
        perspiciatis deserunt facere ipsam velit unde illo nam dolore doloribus natus aspernatur consequuntur?
        Natus sunt ducimus ipsa aperiam reprehenderit alias molestias laboriosam est assumenda, doloremque, dolorum ex
        obcaecati blanditiis libero! Cupiditate non nisi, minima necessitatibus veritatis adipisci rem, sed aspernatur
        exercitationem, voluptatibus incidunt?
        Dolorum, necessitatibus perferendis adipisci nostrum saepe aliquam. Autem perspiciatis voluptates unde
        accusantium Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni qui doloremque repudiandae soluta non animi consequatur nihil. Laudantium officiis odio reiciendis exercitationem, quod labore laborum. Neque numquam praesentium temporibus alias?
        Recusandae odio porro dicta voluptates inventore molestias, libero error, fugiat velit pariatur expedita labore, quisquam repellendus alias reprehenderit temporibus. Est atque velit, voluptatem totam provident quisquam ipsa hic itaque consequuntur.
        Atque laboriosam quia aspernatur iusto culpa iste. Harum ipsa quae aliquam cumque modi adipisci, similique fugit! Exercitationem omnis cumque beatae dolorum nesciunt nulla, officiis iste, sed ipsum rerum consequatur accusamus.
        Error ratione maxime nostrum exercitationem eligendi sapiente adipisci vel delectus mollitia reprehenderit sit temporibus, dolor odit atque porro! Neque omnis porro dicta iure cumque debitis non aliquam rerum quam eum.
        Unde nobis provident temporibus fugiat blanditiis, ipsa dicta incidunt impedit. Fugiat nemo tempora placeat, rerum suscipit numquam? Velit nemo animi sequi reiciendis possimus ducimus amet laudantium ad veritatis! In, corporis.
        Libero eum cumque neque itaque tempore sint rem placeat culpa delectus, atque recusandae fugit tempora quae aspernatur voluptatibus quidem, voluptates sequi voluptatem a fuga. Neque voluptatum aliquam ratione soluta repudiandae.
        Ea quaerat quisquam omnis ut. Totam voluptatum iure laboriosam recusandae sapiente facilis illo neque adipisci? Quos facere itaque assumenda expedita culpa ipsa mollitia voluptates? Illo nostrum in ab maiores dolorem.
        Recusandae, corrupti? Omnis, veritatis sequi reiciendis quas quasi ipsam pariatur nobis alias fugiat? Eaque sequi sit sunt, iste unde nemo doloribus totam debitis! Sequi, sed quos aperiam amet facilis inventore?
        Accusamus, accusantium vero. Explicabo mollitia dolorem vitae sunt voluptate exercitationem veritatis officiis, magnam obcaecati debitis, dignissimos suscipit tempore ipsum non perferendis illo animi, aut fugiat maxime ipsa ex. Voluptatem, quisquam!
        Voluptas excepturi odit cupiditate nihil dolor, nulla recusandae voluptatum accusantium dolorum optio, libero quibusdam exercitationem cum suscipit aperiam blanditiis? Ducimus neque voluptates eum odit culpa? Sequi aliquam illum laudantium numquam!
        Rerum maxime illum sint, a laudantium sed ipsum facilis cum provident, animi corrupti maiores atque? Ratione distinctio sed et commodi omnis. Nulla, quidem in cupiditate modi voluptatibus quo ex adipisci.
        Dolores quas voluptates illum pariatur ad reiciendis sit sed ex hic, recusandae amet eos repellendus impedit officiis enim, nesciunt, esse nostrum voluptate veniam magnam error magni sapiente! Eaque, sit perferendis?
        Animi, natus, eius a quis voluptatibus unde nostrum dolor libero recusandae pariatur vitae modi quidem delectus minima? Possimus, maiores ipsum fuga consectetur voluptatem natus id alias harum? Labore, mollitia iste.
        Perferendis aliquam iure nemo, eaque vitae optio eveniet, ipsa sit natus nobis aut consequuntur. Hic aliquid quaerat impedit maxime laboriosam dolor veritatis saepe beatae. Nihil, sit magnam? Libero, rerum minima.
        Obcaecati quis adipisci exercitationem cum laborum, ad dignissimos neque nobis! Modi natus, laudantium deserunt saepe fuga officiis minima error nesciunt eius vitae sapiente. Nesciunt rem corrupti optio fugiat, ut provident!
        Eum placeat accusantium vitae. Dignissimos laborum rem magnam delectus numquam itaque ex excepturi suscipit quod laboriosam earum dolorum dolorem, magni quos provident aliquid voluptates iste? Neque, ducimus? Est, neque atque.
        Iusto deserunt quaerat repellendus voluptates earum architecto! Repellendus doloribus quaerat ratione consectetur, quas error expedita officia earum culpa facilis aspernatur excepturi quibusdam similique nostrum nulla incidunt pariatur beatae magni eius?
        Repudiandae est repellat animi iste, tenetur minima, laudantium autem culpa nisi minus natus, expedita impedit ratione quam magnam quis? Dolorem exercitationem nisi illo aperiam qui facilis eveniet nam hic illum!
        Sint beatae, velit commodi laudantium doloremque autem rem iste nihil ullam veniam ea necessitatibus fugiat hic repellat eum ipsam nobis inventore libero tempore optio quos labore. Debitis cum repellendus iste!
        Possimus sapiente, quod vero, nihil iste perspiciatis illum error porro ducimus maiores at laborum praesentium soluta consectetur? Officia, quam! Porro mollitia earum est nobis illum officia ducimus commodi veritatis dolorum. suscipit molestiae at voluptate labore obcaecati quos ea in, similique quo illum. Officia ipsum
        quaerat iure voluptate repellendus!</div>
</body>

</html>

Leave a Comment