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-top: 30px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #c9c7c7;
    width:100%
}