Question

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…

Answer 1

With container tags:

<div>
  <p style="float: left">stuff on the left</p>
  <p style="float: right">Tstuff on the right </p>
</div>

With inline tags:

<div>
  <span style="float: left">stuff on the left</span>
  <span style="float: right">Tstuff on the right</span>
</div>