Cross-browser CSS that works to allow both left and right align of text on the same line?
Example (where each text quote should be aligned as far left or right as possible, respectively):
stuff on the right stuff on the left
- No float's answer's please.. unless there is a way to make the text not break out of the parent div/container in a multicolumn css page...
Let's assume this is the HTML code:
What you can do is use JQuery to find the highest div, then set the #left, #right divs with the highest div. Here's a sample code:
Or you can Google with "equal heights jquery" for other solutions.
With container tags:
With inline tags:
Without floats:
float:left for the one on the left, and float:right for the one on the right. Or absolute/relative positioning. Pretty sure both work across the main browers.