title: place two divs next to each other and center if enough space
body: <p>I want to center a random amount of divs that is next to each other, but if there is not  enough space for the last one it most not be in center. I want somwthing like that:</p>
  
  <p>▢   ▢   ▢   ▢    (&lt;-no more space, place div down now instead->)<br>
  ▢   ▢ ▢     ▢ (&lt;-again no more space, place div down now instead->)<br>
  ▢</p>
  
  <p>How can that be done? please show me so i understand how</p>