JSFiddle - React, Tailwind, and code Playground

by Ivan Pshenitsyn

HTML

<header>
                <div class="profile-menu">
                    <ul>
                     <li><a href="/"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkQzMUEzODg1NEI2MTFFNUE3REFCNDgwQkU3OThBRTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkQzMUEzODc1NEI2MTFFNUE3REFCNDgwQkU3OThBRTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDowMDJFMkMyMEI2NTRFNTExOUY4OThBRTgyNDM3M0RGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMDJFMkMyMEI2NTRFNTExOUY4OThBRTgyNDM3M0RGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PouecQEAAACkSURBVHjafJJNCsIwEIVna3sDsdBDVfGnFRER1AMIbvTYSgPjPJlFGF8a+EqSvi/J4omq3o2ZcTaS8jEaB889xSfibIgIocsyFT6nbANsMzEK4CYeWBPxTYQ98uInMnHBBPWFToh/QpQwPsY8CK3vK5Nw0rJw047dxISmJEpBGPxJKyZicgw/+uwpiYjX2IieNCKKv0Y8jNq4THQveXOQe30FGACUY0axShRP7QAAAABJRU5ErkJggg==" alt="" /></a></li>
                        <li><a href="/"><img...

CSS

header {
    height: 100px;
    background-color: #e8e8e8;
}

header .profile-menu {
    float: right;
    margin-right: 15px;
}

ul {
	    list-style: none;
      margin-top: 25px;
}

li {
    display:inline-block;
    vertical-align: middle;
}