line-height的其中之一作用

html结构：

                    
月会员
                    
￥XX
                    
1个月
                

css结构：

.money-options {
  display: inline-block;
  width: 106px;
  height: 108px;
  /*line-height: 1;*/ /*没有line-height的时候*/
  margin-right: 10px;
  border: 1px solid #D7D7D7;
  border-radius: 8px;
  text-align: center;
}
.money-options .txt {
  padding: 18.5px 0 0 0;
  color: #656565;
  font-size: 13px;
}
.money-options .money {
  padding: 15.5px 0 18px 0;
  color: #F7B529;
  font-size: 20px;
}
.money-options .times {
  margin: 0 0 12.5px 0;
  color: #999999;
  font-size: 11px;
}

解释：
如果在一个div设置的高度而没有设置line-height，那么这个div里面的内容就会撑出去，加上line-height：1后，那么里面的padding就不会乱撑开，就会放在div里面了