Hi, I've been wondering how to do something in a table-less design that used to be very easy to do with tables. When you have two buttons or links where one is right aligned and one is left aligned but they are both on the same "line" (verticlly aligned). For example in a blog you may want a link that says "next post" and one that says "previous post" with arrows pointing right and left, the "next" is right aligned and "previous" is left aligned. I've tried doing this a number of different ways, with nested divs and floating spans, using text-align, etc. but nothing seems to work well cross browser. How would you do something like that?

You could align the buttons to the left inside the div then add "margin-left" to the buttton on the right.