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,
        orange url(http://www.iconsearch.ru/uploads/icons/ledicons/16x16/brick.png) 100% 0 repeat-y;  
    margin: 20px 0;
    padding: 20px;
    border: 1px solid black;
    
}


.w100 {
    width: 100px;   
}

.w150 {
    width: 150px;  
}

.w200 {
    width: 200px;  
}