Html 对齐圆形边框

我很难将我的圆形边框与上面的文字对齐，并将文字居中于圆圈内。当我注释掉

宽度时：80px

在my

.oval

类中，它看起来是对齐的，但随后圆被扭曲

---

添加这个可以满足您的需要吗

.oval {
    line-height: 80px;
}

---

您只需更改圆圈的

显示

属性：

{
    border-radius: 50%;
    display: block;
    width: 80px;
    line-height: 80px;
    text-align: center;
    // other properties
}

---

只需添加到

.oval

类

显示：内联块有一个小提琴的例子：。。。但是，我必须删除所有那些
col-xs-2
类和
row
类，并添加
.adminrow>div
。。。您可以在小提琴示例中看到这是否适合您。@nelek谢谢您！但现在我正试图让文本在圆圈内居中（向下移动），我该怎么做呢？有一个新的提琴例子：。。。您可以保留
h4
，但我又添加了一个类
.oval h4
，其中
显示设置为
表格单元格
，因为您可以将文本垂直对齐。还有horiz。。看小提琴的例子，你会看到数字比圆圈宽，他会被包裹起来。他不是两个都想要吗？我读他的问题太快了^^^，但内列克的答案对另一部分起作用。
display:inline block使圆圈居中，但我无法使文本在圆圈内居中（下移）<代码>行高：80px
没有做任何事情关于这个：
.oval h4{margin:0；padding:0；lineheight:80px；}
它不工作。然而，
h4{line height:50px}
似乎工作得很好。唯一的问题是，标题（即
总用户数
）和带有数字的椭圆形之间有一个相当大的间隙
.oval {
    line-height: 80px;
}

{
    border-radius: 50%;
    display: block;
    width: 80px;
    line-height: 80px;
    text-align: center;
    // other properties
}