HTML&；CSS：如何设置HR标签的样式，使其嵌入标题

我正在尝试创建一个遵循以下模型的HR：

-----<title>-------------------------------------------------

------------------------------------------------------

这是一种相当常见的UI模式，但我没有找到如何在HTML中实现这一点的示例。有没有人有什么想法，甚至有什么例子？今天早上我一直在谷歌上搜索，到目前为止还没有找到我需要的东西

哦，另外，我希望它用于一组表单输入

谢谢

<fieldset>
     <legend>title</legend>
</fieldset>

标题

---

然后，您可以将CSS应用于这些元素以获得所需的效果

您正在寻找的是一个

标记

元素表示一组表单控件，这些控件可以选择按公共名称分组

组的名称由 作为子元素的第一个图例元素 字段集元素的名称（如果有）。这个 其余的子代形成 小组

元素表示图例元素父字段集元素的其余内容的标题

dir

属性可用于指定文本的对齐方式

右侧的rtl

-------------------------------------------------<title>-----  

默认情况下，它是

ltr

例如：

<fieldset dir="rtl">
    <legend>Fieldset Demo</legend>
</fieldset>

现场集演示

您可能要查找的是字段集]：@dnl，前提是我们在这里讨论的是

表单。拜托，啊，fieldset/legend工作得很好。如果你把它写在一个答案里，我会接受它并且+1它。不管怎样，回答和感谢都很好
<fieldset dir="rtl">
    <legend>Fieldset Demo</legend>
</fieldset>