html - 用 CSS 重构 HTML

Question

由于我的 CSS 和 HTML 技能有些有限，任何人都可以建议是否可以在没有这么多 div 标签的情况下重构下面的代码？

<div style="border: 1px solid #D0D2D1">
    <div style="border: 8px solid #F6F4F5">
        <div style="padding: 0.5em">
            Content Here
        </div>
    </div>
</div>

Answer 1

<div style="border: 1px solid #D0D2D1">
    <div style="border: 8px solid #F6F4F5; padding: 0.5em">
        Content Here
    </div>
</div>

应该是一样的。