Responsive Design is working, but not aligning horizontally

Question

I made this wholse website by myself to learn better and understand what i am doing. However the boxes (Box1,Box2 etc) are not aligning in right. I want that all headlines are on the same hight, can someone point me out?

http://hasaanlatif.de/

CSS: http://hasaanlatif.de/main.css

Answer 1

使用position position:relative ，然后使用css的top或bottom属性，并使用-ve或+ ve值调整为相同的高度

Answer 2

Try this:

.box {
    color: black;
    margin: 2% 0 2% 0%;
    padding: 0;
    border: 0px solid black;
    width: 33.33%;
    display: inline-block;
    float: left;
}

Change your width if want add more box