Question

I am relatively new to CSS. I have a table on my page which has a width of 70%. I need to position a small icon just above the right side of the table so that the icon is aligned with the right margin of the table below it. How can I achieve this?

So generically this question would be how to position elements relative to the position of other elements on a page using CSS?

Thanks,
Calvin

Answer 1

Hi now you can do this easily throw Position Give to Parent Position Relative and child to give position Absolute and do top right according to your layout

Live demo

http://jsfiddle.net/srgJh/