Make inline block align at top instead of bottom

Question

Best way for me to explain this problem is with the following images.

This:

Needs to appear like this:

I believe the only code affecting these two container objects (working results and result viewer) is the following css snippet.

.ItemCollection {
    display: inline-block;
    width: 45%;
}

Is this a very simple css change to be made or do I need to add some more in depth coding to make this happen?

Answer 1

you need to add vertical-align : top to both divs

.ItemCollection {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}