A few questions about inline-block?

Question

css

codepen.io/dimka11/pen/vyWajp
1) Not working height: 30px;
2) The inner block starts from the bottom of the parent block, and not from above, as it should
3) overflow: hidden; does not work, and also raises the block up a few pixels.

Answer 1

.inline{
max-height: 100%;
vertical-align: top;
}