Can anyone help me figure out why these elements won't center on the page?
<ul id="contact">
<h1> Contact </h1>
<p> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a2e6d0c7c3cfd1d6cdd5cac7c7ced1e2dbc3cacdcd8cc1cdcf">[email protected]</a> </p>
<p> 2236 El Camino Real <br>
Santa Clara Ca 95050 </p>
</ul>
<ul id="follow">
<h1> Follow </h1>
<img src="http://www.flagera.eu/sites/all/modules/socialmedia/icons/levelten/glossy/32x32/facebook.png">
</ul>
<ul id="supporters">
<h1> Supporters </h1>
<p><a href="http://www.cyclinginquisition.com/" target="_blank"> Cyclinginquisition.com </a></p>
<p><a href="http://www.colombiacyclingpro.com/" target="_blank"> Colombia Cycling Team </a></p>
<p><a href="http://calmarcycles.com/" target="_blank"> Calmar Bicycles </a></p>
<p><a href="https://www.facebook.com/rocksolidcycling" target="_blank"> Rock Solid Cycling </a></p>
<p><a href="http://www.fastfreddieapparel.com/" target="_blank"> Fast Freddie Foundation </a></p>
<p><a href="http://www.goldencreekservices.com/" target="_blank"> Golden Creek Services (Envio de Paquetes) </a></p>
</ul>
</footer>
CSS
footer{ /*Footer section attributes */
margin: -50px auto;
width: 100%;
text-align: center;
/* border-top: solid 1px;*/
}
If you need the CSS for the contact, follow, and supporters divs, feel free to ask. Thank you in advance.