我可以使用 HTML 和 CSS 将文本环绕一个圆圈吗？

【问题标题】：Can I use HTML and CSS to wrap text through a circle?我可以使用 HTML 和 CSS 将文本环绕一个圆圈吗？
【发布时间】：2013-11-02 22:16:44
【问题描述】：

这里是新手，所以如果这是一个简单的答案，我深表歉意。我来自印刷界，我们经常在开头的文字段落后面使用一个圆圈或半圆圈。是否可以在 HTML5 和 CSS3 中做同样的事情？

我有创建圆和样式的代码，但我不知道如何使文本显示在圆的顶部。

【问题讨论】：

标签： html css text word-wrap

【解决方案1】：

您可以尝试在包含您的文本的 div 上使用 border-radius:50%。或者这不是你的意思？

<body>
    <div>
        <p>this is content</p>
    </div>
</body>

div {background:red;height:50px;width:50px;border-radius:50%;padding:5%;text-align:center;}
p {margin:0;}

http://jsfiddle.net/NAvbX/

【讨论】：

我是个白痴。我把关闭的 div 放在段落之前。难怪它不起作用。