JSFiddle - React, Tailwind, and code Playground

HTML

<div class="frame">
    <h1>This is a test</h1>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet velit at tellus malesuada faucibus. Cras at adipiscing mi. Maecenas egestas laoreet volutpat. Vestibulum dictum mollis suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec sagittis semper sagittis. Nunc nec dui at lorem rhoncus eleifend. Cras porta dolor bibendum felis semper suscipit. Nam condimentum, nisi non facilisis interdum, tellus urna interdum nisl, at blandit nibh augue facilisis nibh. Duis dignissim, turpis sed eleifend varius, felis libero vestibulum orci, quis interdum est elit ut arcu.
    </p>   
    <p>
        Mauris bibendum mauris non tortor interdum vitae pulvinar arcu fermentum. Suspendisse nec sem a lorem sollicitudin mollis. Vestibulum ante turpis, lacinia vel dapibus id, vehicula a sem. Etiam diam lectus, auctor interdum ultricies eu, sollicitudin vel nisl. Nunc elementum sagittis nibh, interdum molestie tortor scelerisque in. Nullam placerat nisi non lectus viverra pharetra. Maecenas non odio ac quam semper adipiscing eget nec diam. Pellentesque sit amet mollis justo. Morbi tincidunt pharetra nisl sit amet fringilla. Curabitur ut nibh vitae velit posuere ultricies ut eget lacus. Donec et dui enim, sed vehicula nunc. Curabitur porta urna non velit porta malesuada. Suspendisse egestas felis sed mi gravida luctus. Aliquam sit amet arcu dui, quis vehicula diam. Pellentesque malesuada purus in dolor semper sagittis.
    </p>
</div>

CSS

.frame {
    position:relative;
    padding:5px;
}
.frame:before {
    height:10px;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    border-left:1px solid black;
    border-right:1px solid black;
    content: " ";
}
.frame:after {
    height:10px;
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    border-left:1px solid black;
    border-right:1px solid black;
    content: " ";
}
.frame > p:first-child {
    text-align:justify;
    margin:0;
    padding:0;
}
.frame :first-child:before {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    width:10px;
    border-top:1px solid black;
    border-bottom:1px solid black;
    content: " ";
}

.frame :first-child:after {
    position:absolute;
    top:0px;
    bottom:0px;
    right:0px;
    width:10px;
    border-top:1px solid black;
    border-bottom:1px solid black;
    content: " ";
}