分区不会排队

Question

为什么我的div会像这样排成一行：jsFiddle

<div class="row solve-item-row">
    <div class="solve-item" style="background:red"> 
        some text
    </div>
    <div class="solve-item" style="background: green">          
    </div>
    <div class="solve-item" style="background: blue">
    </div>
</div>


.solve-item-row {
    width: 100%;
}

.solve-item {
    display: inline-table;
    height: 100px;
    width: 30%;
}

但是，只要我添加文字或图片或任何其他内容，它们就会被抛弃：jsFiddle？