HTML CSS examples for CSS Widget:Footer
Footer with menu and image
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #footer-wrapper {<!--from w ww .j a v a 2 s .c o m--> background-color:Chartreuse; position:absolute; width:76%; top:126%; top:0; left:13.6%; font-size:86%; } ul { margin:0; padding:0; } ul li { list-style:none; } ul li a { text-decoration:none; float:right; display:table-cell; padding:16px 31px 16px 0; font-family:Verdana; color:yellow; } footer ul li a { color:blue; } #socialmediaicons ul li a img { padding:11px 0 0 11px; float:left; display:table-cell; } ul li a:hover { color:pink; } address { font-style:normal; } #socialmediaicons ul li a img { padding:11px 0 0 11px; float:left; display:table-cell; } </style> </head> <body> <footer id="footer-wrapper"> <ul id="socialmediaicons"> <li> <a> <img src="https://www.java2s.com/style/demo/Firefox.png" width="30" height="30"> </a> </li> <li> <a> <img src="https://www.java2s.com/style/demo/InternetExplorer.png" width="30" height="30"> </a> </li> </ul> <ul> <li> <a>Lorem ips</a> </li> <li> <a>Lorem ips</a> </li> <li> <a> <address>Lorem ipsum </address> </a> </li> </ul> </footer> </body> </html>