HTML CSS examples for CSS Widget:Footer
Footer with links and centered text
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> footer {<!--from w w w . j ava2s . c o m--> position:fixed; left:0; bottom:0; width:100%; background-color:Chartreuse; color:yellow; text-align:center; } footer a { color:blue; } footer p.blackcolor div.blackcolor { color:pink; } </style> </head> <body> <footer> <p>Lorem ipsum dolor sit a</p> <p>Lorem ipsum dolor sit <a href="mailto:someone@example.com">Lorem ipsum dolor s</a>Lor</p> <p class="blackcolor">Lorem ipsum dolor sit a</p> <div class="blackcolor"> Lorem ipsum dolor sit ame </div> </footer> <p> <strong>Lorem</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullamcorper mol</p> </body> </html>