HTML, align two elements on both sides of the same line

Question

Without using table, how can I align two elements (one at left, another at right) in the same line?

Answer 1

HTML content :

left

right

Style as shown below

.container{ width:100%; }
.align-left{ float: left;width:50%; } .align-right{ float: right;width:50%; }