The first div is to the left and it's contents right aligned. The second should follow shortly after and it's text is left aligned. Very common design.
I have tried everything from floating the DIV's to display: inline and more...
I can't figured it out??? Any ideas?
The first and second column both have dynamic text so i cannot reply on padding the second column a fixed number of pixels...
Yeah... Generally, any time that you have to use <br /> and it's not due to user input, you're probably thinking of the wrong HTML. Like feyd said, you should use a table. Or, if you really don't want to, use lists. However, if you plan for these items to align, you will need to use a table.
Hockey, what is it that you want to achieve? 2 columns side by side? Fixed, fluid, flexible? One-fixe, second fluid?
Float:left and float:right on the divs should do it. Or both float:left works as well. Or positioning. So many possibilities, if I don't know the context or how it's supposed to look I cannot help specifically.
The markup of the items look like they should be a list. You could also mark it up with a definition list.
I ended up going with a table because although not truely tabular data when I viewed in FireFox without CSS (like some devices would?) the table made the page render best and make most sense.
Mm, that's kind of unsatisfying. We (/I) try to help but you sort of won't let us (/me). What was it that you tried to achieve? Why didn't another solution (CSS) work?
Well, lists and tables were the only way for him to have that render correctly without CSS. Though the list would have been the best choice if he wasn't concerned about alignment, the table was best in this case.