JSFiddle - React, Tailwind, and code Playground

HTML

<div id="column-content">
     
     <img src="http://i.imgur.com/WxW4B.png">
    <span><strong>1234</strong>
    yet another text content that should be centered vertically</span>
</div>

CSS

#column-content {
        display: inline-block;
        border: 1px solid red;
        position:relative;
    }
    
    #column-content strong {
        color: #592102;
        font-size: 18px;
    }

img{
    margin-top:-7px;
   vertical-align: middle;        
}

span { display:inline-block; vertical-align:middle }