内联块 DIV 标签显示在内容最多的标签下方

Question

为了我的学校项目(以及我的个人需求(，我正在创建自己的个人网站。

我有 4 个内联块 DIV。第一个包含一些内容，除了标题外，其他所有内容都是空的。

空的被"推"，并垂直对齐到带有内容的底部。网站上的示例@http://rickyyoder.x10.mx。

我能做些什么不涉及使用浮点数来实现这一点？如果我必须使用浮子，我到底该怎么办？我尝试浮动每个"左"，并给出 20%(每个部分的宽度(的左边距，它们仍然堆叠在一起。

请帮助我理解。谢谢！

编辑：每个内容DIV的当前CSS代码：

   #c.section-split div.section{
        display:inline-block;
        width:20%;
        max-width:20%;
        margin-right:2%;
        position:relative;
        background:#aaa;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
    }

Answer 1

将其添加到div 的 css 中

vertical-align:top