为什么我的divs排队不正确？

Question

我正在div制作一个包含2 div个s的网页，但是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 link click here