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;
}