JSFiddle - React, Tailwind, and code Playground

HTML

<div class="article-container single-article">
    
    <div class="article-container-inner">
        <hr/>
    </div>
    
</div>

CSS

.single-article .article-container-inner {
    background: #f0eded;
    border: 1px solid #c9c7c7;
    padding: 20px;
    margin-bottom: 20px;
}
.single-article hr {
    margin: 30px -20px 20px;
    border: 0;
    border-top: 1px solid #c9c7c7;
}