I'm trying to centre my logo on the main page.

According to the tutorials here :

By default, the logo is left aligned. Changing the alignment involves making a modification to your includes/templates/CUSTOM/css/stylesheet.css. Open the file and find the following:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}
Since this is a collection of several “selectors” (#logo, .centerBoxContents, etc) and in order not to interfere with the layout of other sections, split this into two separate statements and create a new selector/definition below it, like this:


.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}

#logo {float: left;}

To center the logo use text-align: center; or to align it to the right use float: right;



*** what does it mean text-align:center;
do I need to put this as well as the #logo bit.
I've tried messing about with style sheet and following the instructions but cannot get the logo to centre. Not sure where I put the text-align instruction

Thanks

Phil