我发现这个例子stackoverflow：
这是伟大的。但我想知道如何修改该示例，以便我可以在圆的中间包括文本？
我也发现这个：Vertically and horizontally centering text in circle in CSS (like iphone notification badge)
但由于某种原因，它不为我工作。当我创建以下测试代码时：
<div class="badge">1</div>
而不是一个圆，我得到一个椭圆形。
我试图玩代码，看看我如何能得到它的工作。
解决方法
JSFiddle
.circle {
width: 500px;
height: 500px;
border-radius: 50%;
font-size: 50px;
color: #fff;
line-height: 500px;
text-align: center;
background: #000
}
<div class="circle">Hello I am A Circle</div>
