text-align: center; doesn't work

[daviddoria]

I have a style:

.title1
{
color: #0000BB;
font-size: 25pt; 
text-align: center;
}

but when I use it with:

<span class="title1">Schenectady Section of the IEEE  More Words</span>

it doesn't center the text!

You can see this behavior here:
http://ewh.ieee.org/r1/schenectady/New/

Surely I am just doing something silly...

Thanks!

David

[Arkinder]

Hi David,

Use a p or div rather than a span. Text is an inline element and so is a span. For text-align to work, it must be used on a block level element (p, div, etc.) to center the inline content.

Regards, Arkinder

[daviddoria]

Works like a charm, thanks!