All the way to the right touching the right edge

I would like to know how to get my “a href” all the way to the right touching the right edge.

This is what I have so far:

<div id = "heading">
     <right><a href= "http://www.site.com/index.htm">Logout</a></right>
</div>

This only puts it to the left.

This is what the CSS code looks like:

#heading {
    position: fixed;
    top: 0%;
    height: 20%;
    width: 100%;
    border: 2px black outset;
    background-image: url("image.jpg");
    z-index: 99;
}

Try:


#heading {
text-align:right;
}

~TehYoyo

I have other items in the heading that need to be centered.

Then this should target just the link:

#heading a{
text-align:right;
}

By the way, where did the <right></right> tags come from? I’m pretty sure they were never an HTML element.

Or perhaps


#heading a{
  float: right;
}

As TechnoBear says, <right></right> is not an element. And even if it were, it’s better not to use HTML for layout anyway.

He probably got the idea from <center>.

Only if the link was made display:block because inline elements do not have text-alignment.:slight_smile: They are shrink to fit and there is no left or right as they are as long as their content makes them. It’s the block parent that aligns the inline text within.

It’s probably best to float the anchor to the right and then other elements can be aranged as needed. Rememeber that floats must come first in the html as far as older IE is concerned.

Oops - well spotted Paul. :blush: It had been a long day…

No worries -it sounded quite logical when you said it :slight_smile: