align center problem

[loki]

i don't do enough CSS these days to learn, let alone remember what i've learnt!

once again i'm stuck on the old align center problem.

i'm writing:

a.imp2:link {
font: bold 11px Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin:0;
text-align: center}

for a aref class=imp2 , but it still aligns left.

can someone help please?

[Connie]

The easiest way to do it is make a class .center {text-align: center;} and then use <p class="center">

[chrishirst]

An Anchor <a ... > is an inline element and as such only occupies the same space as it's content.
So it can't actually align anywhere.

You will have apply the text-align:center to the parent block level element as in Connies example.

[loki]

thanks for the replies.

i think i understand what you're saying (and yes chris you've told me before) but i'm not too clear on this.

:(

will have to do some experimenting on this tomorrow.

thanks

[sytemaker]

I think what he means is that a link (<a href="blabla">) is part of the main content just like any other text. In other words it could be a word in the middle of a paragraph or any other text division. If you want to align some anchor text separately you need to wrap <a href="blabla">text</a> inside either a <p></p> tag or a <div></div> tag for example and add a class to those as Connie suggested.

[g1smd]

If you make your page out of headings, paragraphs, lists, tables, and forms, and then style each of those blocks, your job will become much easier. You then only need to use a class when a block needs a different style to the default you used for all the others.