Html 制作带有标题的盒子

我试图使一个框与标题，我想在框内的一些文字。以下是我想要的：

我们将非常感谢您的帮助。

.主接线盒{ 边框：1px000； } .方框标题{ 背景色：000； 填充：10px； 颜色：fff； 字号：600； } .方框内容{ 左侧填充：10px； 右边填充：10px； } .box味精{ 字号：600； } 您的订单已提交 感谢您的订单

交易：

交易日期：

姓名：

---

简单而干净的解决办法是给标题一个盒子的全宽

在我的代码片段中，我使用了padding:15px；。为了抵消页眉的影响，我必须为左上角和右上角添加一个等于填充的负边距：-15px-15px 0-15px

我使用：第一个子选择器寻址标题。要获得abckground颜色的全宽，我使用：width:calc100%+padding left+right

.文本框{ 边框：1px纯黑； 填充：15px； } .textBox：第一个孩子{ 填充：5px0； 左侧填充：15px； 宽度：calc100%+15px； 利润率：-15px-15px 0-15px； 背景色：黑色； 颜色：白色； } 您的订单已提交

谢谢您的订单。 交易：

交易日期：

姓名：

---

为文本添加边框请至少提供部分代码，以便我们提供帮助。@Dineshkarthik文本边框如何解决问题？需要添加标题的背景色，并覆盖整个框宽。没有解释的anwser被认为是低质量的。anwser必须包含对您所做的事情以及解决方案如何工作的足够解释。原因是，其他人可以遵循您的解决方案，理解并复制它。试一下这段代码，因为它缺少解释，所以质量很低，因此没有任何教学价值。请为您的解决方案添加足够的说明，以符合SO指南。