JSFiddle - React, Tailwind, and code Playground

HTML

<div class="elementWithBorderBox">
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
</div>

<!-- achieves the same as above -->
<div class="elementWrapper">
    <div class="wrappedElement">
        Lorem Ipsum i industry. Lorem Ipsum has been the industry's
    </div>
</div>

CSS

.elementWithBorderBox {

    padding: 20px;
    width: 200px;
    height: 200px;
    
    /*show me*/
    background: red;
    
    /*space it from the other one*/
    margin-bottom: 20px;
}


/* achieves the same as above */

.elementWrapper {
    width: 200px;
    height: 200px;
}

.wrappedElement {
    padding: 20px;
    
    /*show me*/
    background: red;
}