How can I position my logo to display in the middle of my page instead of on the left
#logo
{
float: none;
margin: 0 auto;
text-align: center;
}
Thanks that did the trick but it turns out I did not really like the result as it looked rather odd with the logo stuck in the middle like that