如何创建标题与边框线处于同一级别的边框？
How to create border that has the heading on the same level as the border line?
有点令人困惑的措辞请求。但基本上我希望在内容周围有一个边框，其中一些文本居中于边框的顶部中间，而不是让边框穿过文本。请看附件image。另外，如果您认为有必要，我将编辑以提供我的代码。
谢谢！
给你：
https://jsfiddle.net/4nhk3ooy/1/
您将 header 放入框内，然后以正确的偏移量将其放入 position:absolute。然后将 header 的背景设置为更正颜色。还要给它加一些填充，所以边框和文本之间有一些 space。然后你只需要正确计算偏移量。还要记住，对于某些响应功能，您可能需要编写一些 JS 算法来根据屏幕大小计算所有内容（因为您必须处理文本大小，然后更改 header 宽度，然后更改header 填充，然后计算所有这些并计算正确的偏移量）
还要注意，带边框的框也必须定位，相对的，绝对的或固定的，否则你的绝对定位 header 将不会定位在 div 上，而是定位在屏幕.
有点令人困惑的措辞请求。但基本上我希望在内容周围有一个边框，其中一些文本居中于边框的顶部中间，而不是让边框穿过文本。请看附件image。另外，如果您认为有必要，我将编辑以提供我的代码。
谢谢！
给你： https://jsfiddle.net/4nhk3ooy/1/
您将 header 放入框内，然后以正确的偏移量将其放入 position:absolute。然后将 header 的背景设置为更正颜色。还要给它加一些填充，所以边框和文本之间有一些 space。然后你只需要正确计算偏移量。还要记住，对于某些响应功能，您可能需要编写一些 JS 算法来根据屏幕大小计算所有内容（因为您必须处理文本大小，然后更改 header 宽度，然后更改header 填充，然后计算所有这些并计算正确的偏移量）
还要注意，带边框的框也必须定位，相对的，绝对的或固定的，否则你的绝对定位 header 将不会定位在 div 上，而是定位在屏幕.