将文本换行到圆形div

Question

我想完成这样的事情：

我尝试过创建一个div并给它border-radius 50%。问题是文本溢出了圆角。

如何实现这一点，以便整个圆圈可以填满而不会溢出？

Answer 1

这个怎么样？

div {
    border: 1px solid #cceeff;
    -webkit-border-radius: 50px;
    padding: 15px;
    height: 70px;
    width: 70px;
    overflow: hidden;
}

<div>HALLO MAN, WANNA IT?</div>