add to this you still have your <h3> text wrapped in <span></span>.
ie you have <h3><span class="columnTitle"> Articles</span></h3>
you only need <h3 class="columnTitle">Articles</h3>
However, this solution will cause you to add more declarations to your
styles in order to position your text where you intended it.
One of the issues you are running into is <h1> <h2> etc are block level
elements where <span> is an inline level element and cannot have alignment
applied to it. Unless... you add this to it display:block; et viola! you
have just told the browser to treat this span as a block level element and
now you can center the text.
So, to fix your issue with the results I'm sure you expect, change this
h3.columnTitle {
padding: 0;
margin: 0;
text-align: center;
}
to this:
h3 span.columnTitle {
display:block;
padding: 0;
margin: 0;
text-align:center;
}
Thank you,
Marc Hall
HallMarc Websites
610.446.3346
__________ Information from ESET Smart Security, version of virus signature
database 4435 (20090917) __________
The message was checked by ESET Smart Security.
http://www.eset.com
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
