Just a screenshot and a little bit of code is probably not enough to figure out the problem or explain how to solve it — it would be better if you could give us a link to your site or if you could create a reduced case in Codepen.io.
Having said that, from your code I can see there’s a few things:
– “text-align: centre;” should be “text-align: center;”
– “float: centre;” (or rather, “float: center;”) doesn’t exist
Basically, you’ll need something like this:
http://codepen.io/senff/pen/ENPYZa
It’s just a start, but in order to make things centered, keep in mind:
– set “text-align:center;” on the outer container (#container in this case), and
– none of the elements inside it should be block level OR float
That should point you in the right direction.
