如何在div中填充文本？

Question

每当我在div中给文本填充时div的整个高度都会改变，我必须根据div来管理高度。 我试过这个

是我的HTML

<div>Home</div>

我使用的css

div {
  font-size: 27px; 
  text-align: center; 
  margin: 5px 3px 0 0; 
  margin: 75px 0 0 0;
  float: right; 
  width: 208px; 
  height:100px; 
  border-radius:2px; 
  font-family: "Comic Sans MS", cursive;
  background-color: #F00;
  color:#FFF; 
}

这里，文本位于顶部，而我希望文本居中。有人可以帮忙吗？

Answer 1

使用line-height: 100px;作为中心文字

Demo Here