爲什麼我的div不正確排隊？

Question

我正在用2 div個網頁在div，但2周較小的div沒有排隊，這裏有一個例子：

這裏是我的HTML：

<div id = "creators" class = "big-part"> 
    <h3>Creators</h3> 

    <div class = "creator_name"> 
      <h4>FlipFloop</h4> 
      <p>text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text</p> 
     </div> 
     <div class = "creator_name"> 
      <h4>TickTock</h4> 
      <p>text text text text text text text text text text text text text text text text text text text text text text text text</p> 
     </div> 
      <!--<div class = "creator_name"> 
      <h4>Name</h4> 
      <p>Text</p> 
     </div>--> 

     </div> 

和我CSS：

.creator_name { 
    width: 35%; 
    display: inline-block; 
    margin: 2% 2%; 
} 

當我使用float: left：

Answer 1

試試這個：

.creator_name { 
vertical-align:top; 
} 

的jsfiddle鏈接click here