Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <style> .header{ height: 40px; padding: 20px 20px 0; background: #e1e1e1; } .main-content{ height: 60vh; padding: 20px; } footer{ padding: 10px 20px; background: #666666; color: white; } a{ color: #00aaff; } </style> </head> <body> <div class="header">Header / Menu</div> <div class="main-content"> <h1>Main content</h1> <p>This is some paragraph. </p> </div> <footer style="display:flex; justify-content:space-between; align-items:flex-end;"> <p style="margin:0;">Company © W3docs. All rights reserved.</p> <address> 3rd street, app 43<br /> New York, USA </address> </footer> </body> </html>