JSFiddle - React, Tailwind, and code Playground

HTML

<p class="attachments">
    <span>
        <span></span>
    </span>
    <span>
        <span></span>
    </span>
</p>

CSS

.attachments {
    height: 80px;    
    background-color: #E4E4E4;
    padding-right: 5px;
}

.attachments > span {
    display: block;
    float: right;
    height: 80px;
    width: 50%;
}
.attachments > span > span {
    display: block;
    margin: 5px 0 5px 5px;
    background-color: #9FB9CA;
    height: 64px;
    border: 3px #879AA8 solid;
}