Question

the div with the word test it in, just will not go up the top right….. despite me floating right and specifying top 0

http://www.e-fluential.com/offline/

HELP!!

Thanks in advance

Answer 1

You should give the element the following properties:

position: absolute;
top: 0;
right: 0;

This will make the element go to the top right corner. If you want the element to go to the top right corner of its parent you should give the parent the following property:

position: relative;

This will position the element relative to its parent.

Another solution would be to wrap the elements on the left with a wrapper, which you will then need to give a width and a float: left;, do the same with the elements that should go right but instead of floating it left give it a float: right;. The total width of both wrappers should not extend the width of the parent.

You’ll probably want to go with the second solution because you don’t need to give your elements absolute coordinates that way.

• Positioning elements
• Floating elements