HTML/CSS 中的自定义形状文本区域

Question

是否可以在 HTML/CSS 中自定义形状的文本区域（具有超过 4 个边的文本区域）？如何？
像这样的东西：

或者如果可能的话；像这样更复杂的东西：

Answer 1

对于最佳结果，如果您有以下 html，您应该得到类似于您正在寻找的内容

<div style="width:'textbox-width';">
    <img  style="float: right" />
    <span>text goes here</span>
</div>

如果图像是所需大小的空白间隔符，则跨度中的文本应环绕图像并显示如上。

使用与三角形图像相同的方法可能可以得到六边形