Why are inline blocks displayed unevenly?

Question

css

Hello!
There are two disblay:inline-block blocks, with a width of 50%

When each of the blocks has the same number of lines of text, everything is fine. But if there is a difference, then the blocks are placed at different levels, as in the picture. What is it connected with? Thank you.

Answer 1

.block1, .block2 {
  vertical-align: top;
}