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:

<div class='container'>
  <div class="align-left">left</div>
  <div class="align-right">right</div>
</div>

Style as shown:

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