JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="top_menu">
				<li><span class="color"><i class="icon-share-alt"></i><a href="#">Call Me Back</a></li>
				<li><span class="color"><i class="icon-user"></i><a href="#">Client Login</a></li>
				<li><span class="color"><i class="icon-phone"></i></span>Mon - Fri: <strong>0(20) 1234 5678</strong></li>
				<li><span class="color"><i class="icon-comments"></i></span><a href="#"></span>Chat <span class="red"> Online</span></a></li>
            </ul>

CSS

ul.top_menu{float:right;list-style-type: none;width: 100%;}
ul.top_menu li{display: inline; padding: 7px;}
ul.top_menu li a{color: #333; font-size: 13px; display: inline;}