Inline-block element height issue

Question

I have a simple example in which an outer DIV contains an inner DIV which has
display: inline-block;.
Because I have set the

Answer 1

.outer {
    line-height: 0px;
}