This is a simple div/layout question. I could easily solve the
problem with a table, but I don't want to do that.
I have a row of links. I want row 1 to have links and row 2 to have
links. I want both to align such they are on the right (edge up to
the right).
Here is my code or one variation of it.
<div style="float: right; text-align: right;" id="row1">
My Links ...
</div>
<div style="float: right; text-align: right;" id="row2">
My Links ...
</div>
On a small resolution 1024x768. This works fine. The links show up
as I describe. Links to the right, one on one row and links on
another row.
As I increase the screen resolution and expand the browser, row1 shows
up on the right and row2 shows up on the left of row1. They are on
the same row.
I removed "float: right", but I couldn't position the links to the
right.