html - 内容居中的 CSS 水平线

Question

访问此链接进行我的演示：http ://codepen.io/anon/pen/Bvkjx

我想实现以下目标：

content:'hellooo'; 

使它适合圆圈内而不会剪裁/溢出，基本上重新调整大小以自动适合有没有办法？

Answer 1

添加

line-height:50px; /* Same height as the circle */

和

text-align:center;