JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">
    <div class="b">
        My content here...
    </div>
</div>

<div class="a w100">
    <div class="b">
        My content here...
    </div>
</div>

<div class="a w150">
    <div class="b">
        My content here...
    </div>
</div>

<div class="a w200">
    <div class="b">
        My content here...
    </div>
</div>

CSS

.a {
     background: url(http://www.iconsearch.ru/uploads/icons/oxygen/16x16/mail-new.png) repeat-y;
    margin: 20px 0;
}

.b {
     background: url(http://www.iconsearch.ru/uploads/icons/ledicons/16x16/brick.png) 100% 0 repeat-y;  
    height: 200px;
    padding: 20px;
    border: 1px solid black;
}

.w100 {
     width: 100px;   
}

.w150 {
     width: 150px;  
}

.w200 {
     width: 200px;  
}