html - 对齐圆圈文本

Question

出于某种原因，我的 CSS 文件不会在页面上对齐我的圆圈。

这是我的圆的 html 对象:

<div class="circle-text">Upload your photo here</div>

CSS 文件:

.circle-text {
display: table-cell;
height: 400px; /*change this and the width
for the size of your initial circle*/
width: 400px;
text-align: center;
vertical-align: middle;
align
border-radius: 50%;
/*make it pretty*/
background: #000;
padding-top:;
color: #fff;
font: 18px "josefin sans", arial;

有什么想法吗？

Answer 1

尝试添加:

.circle-text{
    margin: auto
}