JSFiddle - React, Tailwind, and code Playground

HTML

<ul class ="userlist">

   <li><a href ="balablah"><img class="avatar" src="http://www.cetacademicprograms.com/_customtags/ct_Image.cfm?Image_ID=33947" width="30" height="30" alt="avatar" /></a>solomon</li>
<li><a href ="nano.com/solomon"><img class="avatar" src="http://www.cetacademicprograms.com/_customtags/ct_Image.cfm?Image_ID=33947" width="30" height="30" alt="avatar" /></a>solomon</li>
      



</ul>

CSS

ul.userlist{
     margin:0;
 }
 ul.userlist li
 {
 display: inline;
 list-style-type: none;
 padding-right: 20px;
 float: left;
 text-align:center;
 
 
 }