html - div's go block first, and then inline -

I have a div of DIV inside the divisor, I want that the children div go to the top of each other (block) But when they exceed parents' height, I want them to go right (inline). I have shown an image and a problem with my code.

HTML code:

  & lt; Div id = "howhigh" & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; Div class = "part" & gt; Hi & lt; / Div & gt; & Lt; / Div & gt;   
 CSS code:  
  #howhigh {width: 50%; Height: 30%; Border-style: solid; Border color: Black; } .part {width: 10%; Display area; Border-style: solid; Border color: Black; }    
 
 
 You can use but it will end your div at one end Column if it needs. FTlabs   is an advanced implementation such as a script of these CSS features, although IE's undefined support, this may not be a polyfill.  
 Otherwise, you must wrap a bunch of devils in the container and make the column