JSFiddle - React, Tailwind, and code Playground

HTML

<div class="meta">
   
        <div class="author-pic">
            <img src="https://download.unsplash.com/reserve/IPEivX6xSBaiYOukY88V_DSC06462_tonemapped.jpg" />
        </div>
    
    by <span class="author-name">__Author Name</span>
</div>

CSS

.author-pic {
    
    display:inline-table;
    vertical-align:middle;
    
}
.author-pic img {
    width:60px;
    height:60px;
    border-radius:50%;
}
.author-name {
    font-style:italic;
}

.meta {
    margin:100px;
}