JSFiddle - React, Tailwind, and code Playground

HTML

<div style="container">
    <div class='img-circle'>
        AK
    </div>
    <div class='name-tag'>
        Aaron King
    </div>
</div>

CSS

.container {
    width:500px;
    position:absolute;
    display:table;
    border: 2px solid red;
}

.img-circle {
    background: yellow;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: 2px solid  #666;
    font: 32px Arial, sans-serif;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.name-tag {
    display:table-cell;
    padding-left:75px;
    vertical-align: middle;
    text-align:left;
    border: 1px solid black;
    padding-left:0;
    padding-right:30px;
}