会CSS的大佬能帮忙吗？

共计 1588 个字符，预计需要花费 4 分钟才能阅读完成。

<section style="margin: 10px auto;outline: 0px;max-width: 100%;text-align: center;box-sizing: border-box !important;overflow-wrap: break-word !important;">
<section style="outline: 0px;max-width: 100%;display: inline-block;box-sizing: border-box !important;overflow-wrap: break-word !important;">
<section hm_fix="348:528" style="padding: 3px;outline: 0px;max-width: 100%;box-sizing: border-box;border-width: 0px;border-color: rgb(0, 0, 0);background-color: rgb(163, 61, 38);overflow-wrap: break-word !important;">
<section hm_fix="361:762" style="padding: 1px 20px;outline: 0px;max-width: 100%;box-sizing: border-box;border-width: 1px;border-style: solid;border-color: rgb(255, 255, 255);overflow-wrap: break-word !important;">
<section style="outline: 0px;max-width: 100%;letter-spacing: 1.5px;color: rgb(255, 255, 255);box-sizing: border-box !important;overflow-wrap: break-word !important;">
这是一个小标题
</section></section></section></section></section> 复制代码
上面这段代码效果，怎么用：
<h2> 这是一个小标题 </h2> 复制代码
这样表现出来？CSS 应该怎么写？
效果是这样的：

直接给 h2 定一份样式不就行了？

就是这样式不会些，他原文是多次嵌套实现的 <h2 class="stitle"> 这是一个小标题 </h2> 复制代码
.stitle {
display: inline-block;
background: #900;
color: #fff;
font-weight: normal;
font-size: 24px;
padding: 10px 20px;
text-align: center;
position: relative;
}
.stitle::after {
content: ”;
display: block;
border: 1px solid #fff;
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
}
复制代码
颜色自己取一下，我随手写的，应该不一致。效果见：https://code.juejin.cn/pen/7178868964116660284 一行代码可以这样写, 效果和楼上大佬的一样
<h2 style="display:inline-block;background:#a33d26;color:#fff;padding:5px 20px;border:1px solid #fff;box-shadow: 0 0 0 5px #a33d26;"> 这是一个小标题 </h2> 复制代码