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;
}

.attachments > span {
    width:50%;
    display:block;
    float:right;
    height:100%;
}

.attachments > span > span {
    height:100%;
    display:block;
    background-color:#9FB9CA;
    border:3px #879AA8 solid;
}