JSFiddle - React, Tailwind, and code Playground

HTML

<li class="user">
  <a href="#" class="user-image"> 
    <img class="rounded" src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/3a/3a549ebc04ed341210c46b41538381f660618328.jpg"> 
    <b class="user-name">Featixxxy</b>
  </a>
</li>

CSS

.user {
    padding: 15px;
    position: relative;
    display: block;
    float: right;
    box-sizing: border-box;
    text-align: -webkit-match-parent;
    list-style: none;
    font-size: 14px;
}
.rounded {
  display: inline-block;
}
.user-name {
    display: inline-block;
    vertical-align:middle; 
}