JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li> <a href=#>Upload</a></li>
   <li ><a href=#>christin Bayes</a></li>
   <li><img src="image/john.jpg" height="30" width="30"></li>   
   <li><a href=#>SignOut</a></li>
  </ul>

CSS

ul{   
    background: red;
    height: 30px;
}
ul li{
    margin-left:15px;
    display: table-cell;
    list-style: none;
    vertical-align: middle;
    width: 90px;
    text-align: center;
}