I have the following on a page

<style type="text/css">

h1, h3 {font-family: "Times New Roman"; font-size: 46px; color: red;}

a {

float: left;
padding: 20px;
margin: 20px;
text-align: center;
}

img {
border: 2px solid white;
float: center;
padding: 20px;


}

body {
background-color: #2E0854 ;
}



</style>

How do I center text <a href="MyFrance.html"><font color="white">Home</a> at bottom of page without overiding style settings? I have tried the <center> code, the <a align="center"> and nothing seems to work. What am I missing?