css - 将标志中的文本居中

Question

如何在下图中将文本居中

我有这个

.flag{ 
    background: url('flag.png') no-repeat;
    width:120px; 
height:120px; 
}
</style>

<div class="flag">WOW</div>

这就是它目前的显示方式

Answer 1

text-align: center;
line-height: 120px;

Answer 2

尝试：

.flag{ 
    background: url('flag.png') no-repeat;
    width:120px; 
    height:120px;
    text-align:center;
    line-height:120px;
  }

Answer 3

利用

.flag{ 
    background: url('flag.png') no-repeat;
    width:120px; 
    height:120px; 
    line-height:120px; /* same as height */
    text-align:center;
}