如何在CSS中纵向和横向对齐？

我有一个这样的盒子:

    

        
Notes
        
With our complete study notes, your homework is much easier.
    
    

        
Things To Know
        
Things to know provides additional information on every topic which enhance the knowledge of  the students.
    
    

        
Videos
        
Reference videos on each topic provides experimental ideas and develops interactive learning technique.
    
    

        
Solved Question and Answer
        
With 100's of solved questions solved, now you can easily prepare your exam for free.
    

添加一点样式使它看起来像这样:

我试过这样使用vertical-align:

.notes-list-box > div {
  vertical-align: top;
}

它的工作原理.但我不知道如何align vertical at bottom使所有的空白区域也降到最低点.

所以下面的白色空间注释并解决问题和答案white background直到底部.

我想用空白填补这些空白: