JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
        <div class="image"></div><div class="text">Header Text</div>
    </div>

CSS

.header {
        border:2px solid red;
    }
    
    .header .image {
        background: url("http://placehold.it/64x64") 
                    no-repeat;
        width: 65px;
        height: 65px;
        border:2px solid green;
    }
    
    .header .text {
        font: x-large sans-serif;
        border:2px solid blue;
    }
    
    .header .image, 
    .header .text {
        display: inline-block;
        vertical-align: bottom;
    }