title: Alignment of floated divs
body: <p>I've got two divs inside main container's div. First div got fixed width /160px/ and is floated to left, second div contains only button which should be aligned to the right so I set float to right.
  Main div has 25% widht of the whole page width and I'm using bootstrap in my app.</p>
  
  <p>Everything works fine until the widh of paret div small to fit both divs so the right one is moved under the left one - but is there some way how to align /center/ second div in this situaton? So where both divs are alone in the row, they should be aligned to center of parent, but when they are in the same row, first one should be aligned to left and second one to right or maybe to center of availible space /parent div widh minus 160px of the first div/.</p>
  
  <p>Many thanks for any advice,
  Peter</p>
  
  <p>EDIT:
  container style: <code>width:25%;</code></p>
  
  <p>first /left/ div style: <code>float:left; widht:160px;</code></p>
  
  <p>second /right/ div style: <code>margin-top:5px;</code></p>