html - 使用css将文本定位在一个圆圈中

Question

我有这段代码:

<div class="likearea">
    <a href="#">like to enter</a>
</div>

这是我的样式表:

.likearea{
    width:200px;
    height:200px;
    float:right;
    background-color:#00653b;
    border-radius:200px;
    float:right;
    margin-right:10%;
    margin-top:5%;
}
.likearea a{
    color:#FFF;
    font-size:44px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    line-height:50px;
    margin-top:5%;
}

我需要将文本定位在中心，但它不起作用。我希望“喜欢”与“到”和“输入”一样，请帮忙吗？？？？

Answer 1

.likearea{
margin: 10px auto;
overflow: hidden;
width: 286px;

.likearea a{display: block;}