JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <div class="block">Block 1</div>
    <div class="block">Block 2</div>
</div>

CSS

body {
    text-align:center;
    font-family:sans-serif;
    font-size:12px;
    line-height:1.5;
    color:white;
    padding:0;
    margin:0;
    background: url('http://habrastorage.org/files/97d/5df/2eb/97d5df2ebcf24bf489a37010e8157862.png') repeat -80px -80px;
}

div {
    width:200px;
}

#parent {
    margin: 40px;
    border:1px dashed white;
    background:rgba(150, 0, 255, 0.2);
    width:204px;
}

.block {
    height:16px;
    margin-top: 20px;
    border:2px solid white;
    background:rgba(150, 0, 255, 0.7);
}