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

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