Html 带换行符的文本边框环绕

我不确定最好的解释方式，但这张图片可能是最有用的。我可以用CSS创建这样的边框，还是需要使用图像

您可以使用

元素

字段集{
边框：3倍实心；
文本对齐：居中；
}
传奇{
文本对齐：居中；
填充：0 20px；
}

这是一个
#试验

此解决方案将“图例”放置在顶部边框的顶部，以阻挡中间部分，并提供您想要的效果

body{背景：黑色；}
.上边框分隔符{填充：20px 0；}
.inner{边框：5px纯红色；填充：0 20px 20px；文本对齐：居中；}
.legend{背景：黑色；字体大小：25px；线条高度：30px；文本对齐：居中；颜色：棕褐色；显示：内联块；填充：0 80px；变换：平移（0，-15px）；}
.text{font size:45px；行高：60px；颜色：红色；}

这是一个
#试验

查找

元素类似的问题和答案在这里。。。你的限制条件是什么？是否“这是一个”动态内容，是否需要调整休息的宽度？中断应该是一个特定的宽度，或者是固定的，或者是作为块的百分比？这不是fieldset元素的语义用法；不要这样做。