Почему inline-block не занимает всю высоту?

Question

[DTX]

codepen.io/anon/pen/ZOXYgg

1) У ".h2 span" указано height: 100%
У .h2 явно задана высота. Почему ".h2 span" по высоте меньше .h2?

2) Как сделать, чтобы ".h2 span" начинался не от padding'а .h2, а от самого начала? Отрицательный margin не работает.

Answer 1

[HamSter]

Так у h2 padding задан же

.h2 {
    background: #aaa;
    /* padding-top: 0.2em; */ 
...

Comments

[DTX]

Так специально задан, чтобы строка по центру оказалась)

[HamSter]

DTX: тогда первый вопрос 1) - риторический! Задать другой line-height: 2.4rem, чтобы строка по центру была! Не понятна цель, а реализовать по-разному можно, чтобы на всю высоту и центрированной строкой.

[DTX]

HamSter: хмм, line-height и правда можно покрутить