Align Left & Right on same line

Use table and float to position items on left and right inline, adjusts dynamically.

HTML

<div style="display: table; width: 100%;">
  <div style="display:table-row"><div style="display: table-cell">Left aligned stuff</div>
  <div style="display:table-cell" class="alignRight">Right aligned stuff more right stuff offset</div></div>
</div>

CSS

.alignRight {
    float: right;
}