JSFiddle - React, Tailwind, and code Playground

HTML

<div style="vertical-align: top; white-space: nowrap;">
    <img id="imgFullSketch" data-id="imgFullSketch" data-widget="True" title="Sketch of the final block" alt="Sketch" src="https://www.google.com/images/srpr/logo11w.png" class="xe-img xe-fld-img-full-sketch"/> <span class="xe-volumes" id="infVolumes">aaa</span>

</div>

CSS

.xe-volumes {
    display: inline-block;
    width: 192px;
    height: 155px;
    margin: 4px;
    padding: 4px 8px;
    font-family: cambria;
    font-size: 10pt;
    color: #464646;
    border: solid 1px #e8e8e8;
    vertical-align: top;
}
.xe-fld-img-full-sketch {
    display: inline-block;
    width: 165px;
    height: 163px;
    margin: 4px;
    border: solid 1px #e8e8e8;
    vertical-align: top;
}