Centered footer
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <style rel="stylesheet" type="text/css"> #bottom_menu { width: 633px; float: left; padding: 30px 30px 0 0; } #footer { height: 153px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9A9A9A; } #footer ul { display: block; float: right } #footer li { list-style-type: none; display: inline; } #footer li a { color: #9A9A9A; margin: 0 10px; text-decoration: none } #footer li a:visited { text-decoration: none } #footer li a:hover { text-decoration: underline } </style> </head> <body> <div id="footer"> <div id="bottom_menu"> <ul> <li><a href="#">Home</a></li> <li>|<a href="#">About me</a></li> <li>|<a href="#">Contacts</a></li> </ul> </div> </div> </body> </html>