JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap wrap1">
    <div class="inner">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
    </div>
</div>

<div class="wrap wrap2">
    <div class="inner">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
    </div>
</div>

CSS

body {
    padding: 20px;
    background: darkBlue url(http://jsfiddle.net/img/logo.png)
}

.wrap {
    margin: 20px;
}

.wrap1 {
    width: 200px;  
    border: 20px solid rgba(45, 155, 255, 0.5)      
}

.inner {
    background: silver;
}

.wrap2 {
    width: 200px;
    padding: 20px;    
    background: rgba(245, 155, 55, 0.5)
        
}