i have a simple question, for example i have a link at the left edge of a div and link at the right edge of a div, a typical example would be at the footer.

what i normally do is take 2 divs and float them and set text-align: right for the 2nd div

#left{
float: left;
width: 500px;
height: 10px;
}

#right{
float: left;
width: 400px;
height: 10px;
text-align: right;
}

now in the left and right div i add the links 1 in left and 1 in right, all this works fine

however because its a small thing i was wondering if there is a much more simple way to do this instead of taking 2 divs and floating them and for the next content clearing needs to be used.


1.
i guess i can use 2 p tags however i have to set them to display: inline which might not be ideal i guess

2.
take 2 a tags and give them separate class names and set one class to float: left and the other to float: right



is there a much better and efficient way to achieve this effect apart from the 2 methods i mentioned above and using 2 divs and floating them.

thanks.

Your second idea can have a css rule for left and right to apply to unlimited situations:

css:
.alignleft { float:left }
.alignright { float:right }

thanks for letting me know.