多个h标记换行div

Question

我有以下html代码。当我在一个div中插入另一个H标签时，这个div似乎破坏了代码的其余部分。我使用inline-block，所以div可以正确地对齐。带有额外H标记的div向下推入其他两个div，对齐就消失了。

顺便说一句，所有的边距都设置为0，所以这不是问题。此外，将H标记设置为inline元素也没有帮助。

如有任何帮助，我们不胜感激！提前谢谢你。

   #content-2 {
     width:980px;
     margin:0 auto;
    }
    #content-2 div {
     display:inline-block;
     height:400px;
     width:33%;
    }


    <div id="content-2">

    <div>
    <h3>Bla</h3>
    <h3>Bla</h3>
    </div>

    <div>
    <h3>Bla</h3>
    </div>

    <div>
    <h3>Bla</h3>
    </div>

    </div>

Answer 1

浮动div或使用vertical-align: top;

Answer 2

嗯，我不确定是什么原因导致其他div被压下。在<p>或<span>中也会发生这种情况，而不是<h3>中的，所以不仅仅是标题。

给<div>的inside #content-2一个float:left似乎可以解决这个问题，对你有效吗？

Answer 3

使用float:left，然后执行inline block