Left and Right Align Text on the Same Line

Sometimes you want text on the same line to be both left and right aligned. In the past I would’ve used a table, but this snippet of CSS is a much easier solution.

[html]
<div>
<p style="float: left">Left aligned</p>
<p style="float: right">Right aligned</p>
</div>
[/html]

Which shows this:

Left aligned

Right aligned