font-size设成和外层容器大小冲破容器？

我想要的效果是一个大加号，然后把它设成和外层容器一样的高度，但是还是冲破了容器。
为什么他的高度会是37？怎样才能得到一个大加号？

demo： https://jsfiddle.net/4vsh49ps/

---

.btn strong {
    font-size: 28px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}