Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Footer and Address</title> <style> footer { background: #222; color: #ccc; padding: 40px 24px; margin-top: 60px; } footer a { color: #aad4f5; } footer address { font-style: normal; margin-top: 16px; } .footer-grid { display: flex; gap: 40px; flex-wrap: wrap; } </style> </head> <body> <footer> <div class="footer-grid"> <div> <h3>Company</h3> <ul style="list-style:none;padding:0;"> <li><a href="#">About</a></li> <li><a href="#">Careers</a></li> </ul> </div> <div> <h3>Contact</h3> <address> 123 Web Lane, Internet City<br> <a href="mailto:hello@example.com">hello@example.com</a><br> <a href="tel:+10005551234">+1 000 555 1234</a> </address> </div> </div> <p style="margin-top:24px;">© 2025 Example Inc. All rights reserved.</p> </footer> </body> </html>
Result
Open