JSFiddle - React, Tailwind, and code Playground

HTML

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

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

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

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

CSS

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

.b {
     background: green url(http://www.iconsearch.ru/uploads/icons/ledicons/16x16/brick.png) 100% 0 repeat-y; 
    padding: 0 16px 0 0;
   
}

.content {
     background: orange;   
    height: 200px;
     padding: 20px 10px;
}

.w100 {
     width: 100px;   
}

.w150 {
     width: 150px;  
}

.w200 {
     width: 200px;  
}