How to align text center?

Hi,

I've been trying to align the text in my short description to the center. nothing seems to be working though! In the stylesheet for my short descriptions I am typing:

.productShortDescription {
font-weight: bold;
text-align: center; }

It doesn't work though. I know I am in the right place though because if I insert {float: right} the short description text goes to the right of the page.

Any ideas of what code I can put in to get the text into the centre? An example from one of my pages is: http://www.handcrafteduk.com/africankifsmokingpipe-p-34.html

Thanks,

Gary :smile:

Ok, An update!

As trying to align the text wasn't working I have input this code:

.productShortDescription {
font-weight: bold;
margin: 160px;;
font-size: 1.2em;
}

It moves the text more or less into the center but it still isn't quite right. Any ideas on what I can change to get it EXACTLY into the center?

Thanks,

Gary

Hello,

I'm still stuck on this one. Anyone got any idea how to solve it?

Thanks,

Gary :smile:

Posting again in the hope that someone might help should i bump the thread!! :smile:

Looks pretty centered to me. What isn't quite right about it?

Hurrah, someone replied - thank you :D

It's not centered when i look in my explorer and mozilla browsers. For example, looking at: http://www.handcrafteduk.com/tibetanprayerbellanddorje-p-111.html you will see the line:

'Important item for practicing Buddhists. Made from brass' is to the left of the screen whilst the lines of text above and below it are centred.

HandcraftedUK:

Hurrah, someone replied - thank you :D

It's not centered when i look in my explorer and mozilla browsers. For example, looking at: http://www.handcrafteduk.com/tibetanprayerbellanddorje-p-111.html you will see the line:

'Important item for practicing Buddhists. Made from brass' is to the left of the screen whilst the lines of text above and below it are centred.

I don't know which file this is in, but look for "Product Short Description" in your files. It looks like it is labeled wrong on the end file. It's closed as Product name instead of Product short description (see red).

<!--bof Product Name-->
<h1 id="productName" class="productGeneral">Tibetan Prayer Bell and Dorje</h1>
<!--eof Product Name-->

<!--bof Product Short Description-->
<span class="productShortDescription">Important item for practicing Buddhists.  Made from brass.</span><!--eof Product Name-->
``` Dunno if that will fix it, but see if it does.

HI,

Thanks for the second reply. That bit of code was so that, in the product listing display, the short descriptions would show as opposed to the standard descriptions that zencart uses. It would affect the layout of the text.

Thanks