JSFiddle - React, Tailwind, and code Playground

HTML

<div id="z" class="cz">
    <div id="a" class="ca"> 
        <img src="http://www.skateboardsofchoice.co.uk/assets/meta/130/130/1/blanks_88623933c05cc5bbb9d99ed2fe6a74e6.jpg" />
    </div>
    <div id="b" class="cb"> 
        <span id="spanID" class="someClass" style="vertical-align:middle">Some Text</span>
        <img src="http://www.ucl.ac.uk/Library/Images/ml_big_go.gif" style="vertical-align:middle" />
    </div>
</div>

CSS

.cz { 
    width:100%; 
    height: 30%;
    float:left;
    position:relative;
}

.ca { 
    margin: 5px 0px 0px 30px;
}

.cb { 
 position:absolute;
    text-align: center;
    vertical-align: middle;
    right:0;
    top:0;
    margin: 20px 20px 0px 0px;
}