title: Wrap Div to new line when there is no more space
body: <p>I am working on a web application (asp.net mvc3)</p>
  
  <p>I have a Main div. I want to add lots of div inside that main div.</p>
  
  <p>But I want them to be like this: Divs should appear next to each others on a line, and when there is no more space left, the next div will wrap to a new line.
  (Similar to writing a text, when there is no more space on this line the next word will wrap to a new line)</p>
  
  <p>I tried to use <code>display: inline;</code> to make the appear next to each others, but how can I make them wrap when they reach the end of the Main div?</p>
  
  <p>Is there a way to do it without hard coding the positions? because divs are added dynamically so i don't know how big will they be or their number</p>
  
  <p>Thanks</p>