I would like to know how to centre text over an image without using a div tag. I am creating a navigation menu and would prefer not to wrap each button within a separate div tag. Probably very simple to do but I'm new to CSS :-P .
At the moment I'm using "text-align:center". This works for the first button, but all txt is centred over the first button, instead of over each individual button.
I have created a jsfiddle to show what I mean: http://jsfiddle.net/3JCKB/
Any help is appreciated!