Input
Output
<!DOCTYPE html> <html> <head> <style> html, body { height: 100%; margin: 0; } .wrapper { min-height: 100%; display: flex; flex-direction: column; } .content { flex: 1; padding: 20px; } .footer { background: #333; color: white; text-align: center; padding: 10px; } </style> </head> <body> <div class="wrapper"> <div class="content"> <p>This content pushes the footer down.</p> </div> <div class="footer">Sticky Footer</div> </div> </body> </html>