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

我有这个代码：

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

我需要将文本放置在中间，但无法正常工作。我希望“喜欢”与“收件人”和“输入”任何帮助相同吗？

最佳答案

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

}

.likearea a{display: block;}

关于html - 使用css将文本定位在一个圆圈中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22008121/