Html 在标题处停止的框周围创建边框

我想在一些文本周围创建一个框，边框停在标题处。例如，见下文

我发现了，但现在它已经10年了，我想知道它是否过时了，或者是否有更好的修复方法

我自己也尝试过类似的方法，或多或少都是这样。我很好奇是否有一种方法可以实现这一点，或者我的方法是否很好

。欢迎框{
边框：1px实心#e75d14；
填充：0px 20px；
}
.欢迎箱h2{
利润上限：-18px；
背景色：#fff；
显示：内联块；
填充：0px 10px；
}

欢迎
Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum textipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text

和标记在默认情况下执行该行为，但如果它用于表单控件以外的其他对象，语义警察可能会感到不安。不管怎样，

都足以涵盖

允许的任何用途

演示

*{
保证金：0；
}
传奇{
文本对齐：居中；
}
图例h2{
填充底部：0
}

欢迎
Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum ipsum
文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本

和标记在默认情况下执行该行为，但如果它用于表单控件以外的其他对象，语义警察可能会感到不安。不管怎样，

都足以涵盖

允许的任何用途

演示

*{
保证金：0；
}
传奇{
文本对齐：居中；
}
图例h2{
填充底部：0
}

欢迎
Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum text Lorem ipsum ipsum
文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本Lorem ipsum文本

在我看来不错：）我想这是应该走的路。：-）我认为这个问题超出了堆栈溢出的范围-在

/

标记正是您要寻找的，请参见我的答案。对我来说很好：）我认为这就是方法。：-）我认为这个问题超出了堆栈溢出的范围-您可能会更幸运，因为

/

标记正是您要寻找的，在这种情况下，我会考虑一些复杂的边界/背景的线性梯度，但为什么复杂，如果有一个语义元素为+1，在这种情况下，我会考虑一些复杂的边界/背景与线性梯度，但为什么复杂化，如果有一个语义元素为+ 1