I am trying to left justify these links and then move the list towards the center of the document. When I put in 'left', 'right' or 'justify' in the text-align CSS, it doesn't change anything. I have tried the 'position' CSS but that did not work. Below is the code I used.

Thanks for your help
pk


CSS code....
a.jump:link, a.jump:visited {
text-decoration:none; color:#5c3e90; font-size:14px;
font-family:"garamond";
}

a.jump:hover {
color:#FF8000;
}

#jumpjust {
text-align:justify; position:relative; left:100px;
}



html code.....

<div class="jumpjust">
<a class="jump" href="#shipp"> Shipping </a><br />
<a class="jump" href="#return"> Return </a><br />
<a class="jump" href="#phone"> phone </a><br />
<a class="jump" href="#mail"> Mail </a><br />
<a class="jump" href="#stock"> stock </a><br />
<a class="jump" href="#tax"> Tax </a><br />
<a class="jump" href="#privacy"> Privacy </a><br />
</div>

pk,

I would like to see this in the wild so to speak, so if possible post a link.

#jumpjust sets an if of jumpjust, so use <div id="jumpjust'>

Then try setting your style like this:

#jumpjust {
text-align:justify;
margin-left:100px;
}

That may be what you want. Try it and let us know how it works.

Since your links are a list, you should use a list:



Then your styling would look something like this:



If you want the list centered, you could change the first style rule like this:

BillR got it right by changing "class'' to "id" it works.... but thanks to all for the help

Thanks
pk