I have parent div of 1000px width. I have 4 children divs that each have been told to have "some size" (for example 300px). I would like to put 3 children in first row and then put the fourth in the second row below the 1st child. Something like flex-wrap: wrap; with flexbox, two scenartio's here:

  • I cannot use actual flexbox (since it would stretch 4th child to 1000px width) and IE9 needs to be supported... because people wish so... and JavaScript needs to be assumed as turned off.
  • Situation as above, but JavaScript is turned on.


It's inline-block for children. I somehow manage not to save file, that's why it didn't work.

i see. solving your own problems. YOU, sir, are going to be lethal in your life.