DevShahidul · August 26, 2017 06:48
diff --git a/sticky footer style.html b/sticky footer style.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Document</title>
    
    <style>
        /* Sticky footer */

        html, body { height: 100%; margin: 0; }
        body { display: table; width: 100%; border-collapse: collapse; }
        .wrap { display: table-row; height: 100%; }
        footer { display: table-row; }

        /* Sample */
        body { font: 15px/1.5 "Arial", sans-serif; color: #333; }
        header { padding: 0.5em 0; background: #fff; text-align: center; border-bottom: 1px solid #d0d0d0; box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.2); }
        main { display: block; width: 50%; margin: 2em auto; }
        footer{ background: #eee; border-top: 1px solid #ddd; text-align: center; }

    </style>
 </head>
 <body>
    <div class="wrap">
        <header>
            <p>Header</p>
        </header>

        <main>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>

            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>

            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>

            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
        </main>
    </div>

    <footer>
        <p>Footer</p>
    </footer>

 </body>
 </html>
No results found