HTML/CSS: how to put text both right and left aligned in a paragraph

Question

What would be the best code to have two bits of text in a single paragraph, one left aligned, the other right aligned, that also is:

• the least code as possible

Answer 1

Least amount of markup possible (you only need one span):

This text is left. This text is right.

How you want to achieve the left/right styles is up to you, but I would recommend an external style on an ID or a class.

The full HTML:

This text is left. This text is right.

And the CSS:

.split-para      { display:block;margin:10px;}
.split-para span { display:block;float:right;width:50%;margin-left:10px;}